从JavaScript调用DataTables导出函数

DataTables 按钮扩展允许用户将表格数据导出为CSV，Excel等。文档中有一些示例说明如何设置按钮元素的样式。

我想要做的是能够从浮动操作按钮中的菜单按钮调用导出function。 每次重绘数据表时，我都可以移动和重新设置DataTables按钮，但有更简单的方法吗？

特别是，有没有办法直接从JavaScript调用导出函数？

Answer 1

结合@ DelightedD0D在评论中说的话：

你可以随时做

$('#floatingBtn').click(function(){ $('#someExportBtn').click(); });

…用一些CSS强制原始按钮离开屏幕，你最终只显示一组按钮。

 .buttons-html5, .buttons-print { position: absolute; left: -9999px; } 

Answer 2

您可以手动触发要“点击”按钮的事件。

例：

 var myDataTable1 = $('#dt1').DataTable({ buttons: [ 'excelHtml5' ] }); // Use jQuery selector (in this case looking for known class name) for the hidden button, then trigger it's action event. myDataTable1.buttons('.buttons-excel').trigger(); 

额外：基于上面的例子，这是一个快速而肮脏的小function，你可以使用。

 //example: TriggerDataTableButton(myDataTable1, '.buttons-excel'); function TriggerDataTableButton(dataTable, buttonSelector) { dataTable.buttons(buttonSelector).trigger(); };