首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Tabulator persistentFilter不检查headerFilterEmptyCheck

Tabulator persistentFilter不检查headerFilterEmptyCheck
EN

Stack Overflow用户
提问于 2019-10-29 05:46:38
回答 1查看 104关注 0票数 0

使用制表器4.4.3

当正常过滤复选框时,如果我将列上的已过滤复选框设置为true,则一切正常:

代码语言:javascript
复制
  headerFilterEmptyCheck: function (value) {
       return !value;
     },

但是,使用persistentFilter: true并且我重新加载页面时,该复选框过滤器将只显示true=true,如果未选中,则不会显示false或null (只返回0行)

我的列定义

代码语言:javascript
复制
{
     title: "do it?",
     field: "hasToDoIt",
     responsive: 0,
     formatter: "tickCross",
     formatterParams: {
       allowEmpty: true,
       allowTruthy: false,
       tickElement: "<i class='fa fa-check'></i>",
       crossElement: ""
     },
     headerFilter: "tickCross",
     headerFilterEmptyCheck: function (value) {
       return !value; //only filter when the value is true
     },
     sorter: "string",
     headerSortTristate: true,
     width: 80,
     align: 'center'
   },

表定义

代码语言:javascript
复制
new Tabulator("#" + config.Key, {
      index: "_id",
      reactiveData: true,
      persistenceMode: true,
      persistenceID: "accountsummary",
      persistentSort: true,
      persistentFilter: true,
      autoResize: true,
      layout: "fitColumns",
      responsiveLayout: true,
      virtualDomBuffer: 100,
      headerSortTristate: true, //enable tristate header sort for all columns
      data: this.state.Data,
      columns: this.state.Columns,
      groupBy: "Geo",
      groupToggleElement: "header",
      groupStartOpen: true,
      sortOrderReverse: true,
      initialSort: [{ column: "Geo", dir: "asc" }, { column: "Account", dir: "asc" }],
      rowClick: (e, row) => {

        });
      }

选中复选框并重新加载页面后,复选框应显示过滤结果,取消选中显示返回框以显示所有行

EN

回答 1

Stack Overflow用户

发布于 2019-12-24 20:25:20

这是因为持久性筛选器功能仅保留通过setFilter函数设置的筛选器,而不是标头筛选器。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58598818

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档