从JavaScript调用DataTables导出函数

Question

DataTables buttons extension允许用户将表格数据导出到CSV，Excel等。文档中有examples，显示如何设置按钮元素的样式。

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

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

Answer 1

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

示例：

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();

额外：基于上面的示例，这是一个快速而肮脏的小功能，您可以使用。

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

Answer 2

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

  

你总是可以做到

     

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

...用一些CSS强制屏幕外的原始按钮离开视图，你最终只显示一组按钮。

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