没有编辑器的 headerFilterParams答案

【问题标题】：headerFilterParams without editor没有编辑器的 headerFilterParams
【发布时间】：2019-12-16 10:13:22
【问题描述】：

我想让用户使用headerFilter 过滤预定义的关键字 (headerFilterParams)。但是，headerFilterexample 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？目前，我传递了空参数，但这并不是一个很好的解决方案，因为单元格在被选中时仍然有蓝色的单元格边框。

【问题讨论】：

标签： javascript node.js npm tabulator

【解决方案1】：

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

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

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

【讨论】：

感谢您的回复！这对我不起作用。如果我删除editor:"select", 或使用editor:"",，带有headerFilterParams:{...} 的下拉菜单将替换为正常搜索字段。
你需要将 headerFilter 属性设置为“select”，设置为 true 告诉它使用编辑器
太棒了！我已经编辑了我的原始答案以使其更清晰