【发布时间】:2016-08-02 08:46:47
【问题描述】:
我对 Datatables、YADCF 和 Button Colvis 有一点问题: 我不能在同一个表中使用属性 visible:false、filter_container_id 和 yadcf。 yadcf 插件崩溃并且不显示任何内容。这是我的数据表初始化的清理版本:
datatable = $('#Datatable').DataTable({
serverSide:true,
processing:true,
ajax: {
url: '/app/object/liste',
type: "POST"
},
columns: [
{data:"pc_id", width:"90px"},
{data:"pc_statut", visible:false, width:"90px"},
{data:"reference_dossier", width:"90px"}],
buttons: [{
extend: 'colvis',
text: 'Colonnes',
collectionLayout: 'fixed three-column',
columns: ':gt(0)'
}],
initComplete:function(a, b){
new $.fn.dataTable.FixedColumns(datatable, {
leftColumns: 1
});
var clonedTable = document.querySelectorAll('.DTFC_Cloned');
for (var i = 0; i < clonedTable.length; i++){
clonedTable[i].id = 'DTFC_Cloned';
}
$('#DTFC_Cloned thead tr:eq(1) th:last-child').append(
'<span id="fixed_col_filter_container"></span>'
);
yadcf.init(
datatable,
[
{
column_number:1,
filter_container_id:"fixed_col_filter_container",
filter_type:"text",
filter_delay:"500"
},{
column_number:2,
filter_container_id:"pc-pc_statut-2",
filter_type:"text",
filter_delay:"500"
},{
column_number:3,
filter_container_id:"pc-reference_dossier-2",
filter_type:"text",
filter_delay:"500"
}
],
{language: tabLanguage}
);
}
});
【问题讨论】:
-
yadcf 不能很好地与 FixedColumns 配合使用,尝试看看没有它是如何工作的,并尝试将 yadcf init 移出 initComplete,如果仍然不起作用 - 提供一个测试用例的链接
-
对不起,这个更好:live.datatables.net/betupena/2/edit