没有编辑器的 headerFilterParams

Question

我想让用户使用 headerFilter 过滤预定义关键字 (headerFilterParams)。但是，headerFilter example on the Tabulator website 也会激活单元格编辑器。

 {title:"Gender", field:"gender", editor:"select", editorParams:{values:{"male":"Male", "female":"Female"}}, headerFilter:true, headerFilterParams:{values:{"male":"Male", "female":"Female", "":""}}},

如果我使用 editor:"select", editorParams:{values:{"male":"Male", "female":"Female"}}, 删除单元格编辑器，header 列中的关键字将消失。如何在不激活编辑器的情况下将 headerFilter 与 headerFilterParams 一起使用？现在，我传递了空参数，但这并不是一个很好的解决方案，因为单元格在被选中时仍然有一个蓝色的单元格边框。

Answer 1

如果您不想在列中使用编辑器，请不要在列中定义 editor 属性定义。

将 headerFilter 属性设置为 true 会导致它使用与编辑器相同的值属性 , 所以在这种情况下只需将 headerFilter 属性设置为 "select"

{title:"Gender", field:"gender", headerFilter:"select", headerFilterParams:{values:{"male":"Male", "female":"Female", "":""}}},

没有编辑器的 headerFilterParams

headerFilterParams without editor

javascript

node.js

npm

tabulator