使用制表器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) => {
});
}选中复选框并重新加载页面后,复选框应显示过滤结果,取消选中显示返回框以显示所有行
发布于 2019-12-24 20:25:20
这是因为持久性筛选器功能仅保留通过setFilter函数设置的筛选器,而不是标头筛选器。
https://stackoverflow.com/questions/58598818
复制相似问题