制表符和 tickcross header 过滤器

Question

我在某些列中使用 header 过滤器作为 tickcross。如何一键将某列的所有项目全部勾选或勾选？我在这里找不到任何示例：tabulator

我也想知道是否可以当使用小屏幕宽度（360 像素）的移动 phone 时，将分页信息放入屏幕。这是屏幕截图：

非常感谢

Answer 1

一次更改列中的所有项目

为此，您需要使用 getRows 函数检索所有行，然后使用 update 行组件上的函数以更改值。

也值得使用 blockRedraw 和 restoreRedraw 函数防止重绘table，直到所有行都被更新，因为这将提高操作效率

在下面的示例中，我假设您要更新每一行的 alarm 属性

var rows = table.getRows();

table.blockRedraw(); //block table redrawing

//iterate over each row in the table
rows.forEach(function(row){
    row.update({alarm:true}); //set alarm to true
});

table.restoreRedraw(); //restore table redrawing

换行分页元素

要使分页元素换行，您需要使用一些 CSS，如果您在导入 tabulator.min.css 文件后将其添加到任何地方

.tabulator .tabulator-footer {
    white-space:normal;
}

制表符和 tickcross header 过滤器

Tabulator and tickcross header filter

javascript

tabulator

一次更改列中的所有项目

换行分页元素