我有活动& 非活动记录的数据,我使用tabulator ver 4.6 javascript库来显示。我的要求是在页面加载时显示活动数据。
我使用下面的代码创建了一个表,并添加了initialHeaderFilter和initialFilter来显示活跃的记录,效果非常好。但是当我清除了列 relation_status 的过滤器后,并没有显示所有的数据,也就是说没有显示非活动记录。
$('#example-table').tabulator({
layout:"fitColumns",
pagination:"local", //paginate the data
paginationSize:5,
initialHeaderFilter: [{field:'Relation_Status', value:'Active'}] ,
initialFilter:[ {field:"Relation_Status", type:"=", value:"Active"}],
columns: [
{ field: "Relation_Type", title: 'Relation Type' , headerFilterParams:{values:true}, headerFilter:"select" , headerFilterParams:paramLookup },
{ field: "Relation_Status", title: 'Relation Status' ,editorParams:{values:{"Active":"Active", "Inactive":"Inactive"}},
editor:"select", headerFilterParams:{values:true}, headerFilter:"select" },
{ field: "Related_clientCompany", title: 'Related Company' },
{ field: "Job_Link", title: 'Action ' },
]
} );
$("#example-table").tabulator("setData", RelatedCompanies);
我的表在最初加载时看起来像下面的样子& 它在表头显示过滤值 "Active"& 正确显示过滤后的数据,但清除过滤(在红色标记下面有交叉按钮X来清除记录)不显示所有记录(包括非活动)& 它只显示活动记录。我在这里缺少什么设置?
我使用下面的代码解决了我的问题,我在setData()之后使用。
table.setHeaderFilterValue("Relation_Status", "Active");
我评论了下面的代码
//initialHeaderFilter: [{field:'Relation_Status', value:'Active'}] ,
//initialFilter:[ {field:"Relation_Status", type:"=", value:"Active"}],