我有一个简单的数据表。我在数据表中添加了一个带有表格标题的自定义工具提示 div。 (参考 https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip_arrow_bottom).
当我尝试将文件导出到 Excel/pdf 时,它还会在文件中添加工具提示文本。
数据表的设置:
$('#storyTable').DataTable({
ordering: true,"autoWidth": false,
paging: true,
searching: true,
dom: 'Bfrtip',
buttons: [
'copyHtml5',
'excelHtml5',
'csvHtml5',
'pdfHtml5'
]
} );
知道我该如何处理这个问题。我找不到任何有用的东西。
最好有一个标记示例:)但是通过点击链接,我发现您只是在使用<div class="tooltip"><span class="tooltiptext"></span></div>
在 - 的里面<th>
's.
查看数据表exportOptions
-> https://datatables.net/reference/api/buttons.exportData() https://datatables.net/reference/api/buttons.exportData()您可以在导出表之前操作表的所有部分。一个简单的 jQuery 方法可以是
...
buttons: [
{
extend: 'pdfHtml5',
exportOptions: {
format: {
header: function (data) {
return $('<div></div>')
.append(data)
.find('.tooltip')
.remove()
.end()
.text()
}
}
}
}
},
{
extend: 'excelHtml5',
...and so on
}
],
...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)