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

Posted

技术标签:

【中文标题】在数据表中使用引导样式时设置 swf 路径【英文标题】:Setting swf path when using bootstrap styling in datatables 【发布时间】:2015-04-17 20:28:06 【问题描述】:

我在数据表中使用引导样式选项。现在我得到了我想要的布局,但导出按钮不起作用。最初它工作正常,但是当我将它与引导程序一起使用时,它就不行了。路径是对的。这也是你的做法吗?很可能我错了。我正在关注这个例子。 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";
 ;

 );

【问题讨论】:

【参考方案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');

【讨论】:

以上是关于在数据表中使用引导样式时设置 swf 路径的主要内容,如果未能解决你的问题,请参考以下文章

使用引导表样式设置 div 样式?

as3 加载swf防止子父swf冲突 笨方法解决

使用webuploader插件上传图片时如果正确 限制上传数量

如何使用引导 CSS 设置 django 表单的样式?

当用户导航到特定路径路径时更新父数据

如何使用引导程序设置自定义 joomla 组件的样式