在数据表中使用 bootstrap 样式时设置 swf 路径

Question

我在数据表中使用 bootstrap 样式选项。现在我得到了我想要的布局，但导出按钮不起作用。最初它工作正常，但是当我将它与 bootstrap 一起使用时它却没有。路径是对的。你也是这样做的吗？很可能我错了。我正在关注这个例子。 http://www.datatables.net/release-datatables/extensions/TableTools/examples/bootstrap.html

$(document).ready(function() {
var table = $('#example').DataTable();
var tt = new $.fn.dataTable.TableTools( table );
//tt.sSwfPath = "extensions/TableTools/swf/copy_csv_xls_pdf.swf";
 $( tt.fnContainer() ).insertBefore('div.dataTables_wrapper');
 tt:{
 sSwfPath : "extensions/TableTools/swf/copy_csv_xls_pdf.swf";
 };

} );

Answer 1

您没有正确发送 TableTools 选项。请参阅示例中的第二个参数：http://www.datatables.net/release-datatables/extensions/TableTools/examples/new_init.html

这是我初始化 TableTools 的方式：

var dtTableToolsOptions= {
        aButtons:     [ 'select_all', 'select_none' , 'copy', 'csv', 'xls', 'pdf', 'print'],
        sSwfPath: "http://cdn.datatables.net/tabletools/2.2.4/swf/copy_csv_xls_pdf.swf"
}
var tt = new $.fn.dataTable.TableTools(table, dtTableToolsOptions);


$(tt.fnContainer()).insertBefore('div.dataTables_wrapper');

在数据表中使用 bootstrap 样式时设置 swf 路径

Setting swf path when using bootstrap styling in datatables

jquery

datatables

twitter-bootstrap

tabletools