如何通过 jquery-ui 集成为新数据表添加自定义 header？

Question

我想将 DataTable 初始化迁移到最新版本。但是我没有找到以声明方式实现自定义 header 的任何可能性。 dataTables.jqueryui.js 已包括在内。
过时的方式：
DataTable { bJqueryUI: true, sDom: '<"H"<"#custom-id">f>t' }
我只能用这个尖峰重复这个行为：
DataTable { dom: '<"fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"<"#tInfo">f>t' }
我该如何澄清，我想以一种新的方式添加 header？

实时数据表 - http://live.datatables.net/petupeto/1/edit?html,js,output
Fiddle - http://fiddle.jshell.net/2syoa2gv/

Answer 1

我做了一些研究，发现 dataTables.jqueryui 只是扩展了数据表的默认设置。

$.extend( true, DataTable.defaults, {
    dom:
        '<"'+toolbar_prefix+'tl ui-corner-tr"lfr>'+
        't'+
        '<"'+toolbar_prefix+'bl ui-corner-br"ip>',
    renderer: 'jqueryui'
} );

所以没有任何能力以新的方式header与jquery-ui整合

如何通过 jquery-ui 集成为新数据表添加自定义 header？

How to add custom header for new datatables with jquery-ui integration?

jquery-ui

datatables

datatables-1.10