javascript - 没有编辑器的 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"}}, 删除单元格编辑器，则关键字列标题中消失。如何在不激活编辑器的情况下将 headerFilter 与 headerFilterParams 一起使用？目前，我传递了空参数，但这并不是一个很好的解决方案，因为选择单元格时仍然会获得蓝色单元格边框。

Answer 1

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

将 headerFilter 属性设置为 true 会导致其使用与编辑器属性相同的值，因此在本例中只需设置 headerFilter 属性“选择”

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