在表头中进行过滤时,不重置过滤器。

问题描述 投票:0回答:1

我有活动& 非活动记录的数据,我使用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来清除记录)不显示所有记录(包括非活动)& 它只显示活动记录。我在这里缺少什么设置?

enter image description here

javascript jquery tabulator
1个回答
0
投票

我使用下面的代码解决了我的问题,我在setData()之后使用。

table.setHeaderFilterValue("Relation_Status", "Active");

我评论了下面的代码

//initialHeaderFilter: [{field:'Relation_Status',  value:'Active'}] ,
//initialFilter:[      {field:"Relation_Status", type:"=", value:"Active"}],
© www.soinside.com 2019 - 2024. All rights reserved.