【发布时间】:2019-10-28 21:46:37
【问题描述】:
使用制表符 4.4.3
正常过滤复选框时,一切正常 如果我在列上将过滤的复选框设置为 true,它会起作用:
headerFilterEmptyCheck: function (value) {
return !value;
},
但是,使用 persistentFilter: true 并重新加载页面后,复选框过滤器将仅显示 true=true,在未选中时从不显示 false 或 null(仅返回 0 行)
我的列定义
{
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'
},
表定义
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) => {
});
}
选中复选框后,重新加载页面,复选框应显示过滤结果,取消选中复选框显示返回以显示所有行
【问题讨论】:
标签: javascript tabulator