制表器:仅返回表中当前'headerFilter'的值



我想知道这个问题是否发生在其他人,而使用制表器。

我正在尝试创建一个表,headerFilter设置为select。即,在列内{title: 'title', headerFilter:'select'...}.

我遇到的问题是,当设置{headerFilter:'select', headerFilterParams: {values: true}}时,这会返回列的每个可能的过滤器选项。我知道这可能是{values: true}的预期功能,但我想知道是否有一种方法可以只显示对表中当前数据(即过滤后的数据)进行过滤的选项。

我查看了Tabulator文档,但我找不到任何与我遇到的问题相关的内容。

我确实创建了自己的函数来为我做这件事:可以在这里找到(codependency .io)。取消注释第30-32行将激活我创建的函数。它有一些问题。这个代码集还展示了正在提到的两个问题。除了面条式代码:

  1. 当在列定义中使用{frozen:true}时,我得到错误:Uncaught TypeError: Cannot set properties of undefined (setting 'position')与FrozenColumns.js(第295行)element.style.position = "absolute";.

  2. 当从表中过滤的数据向headerFilterParams添加值时。我怀疑这是对象键被覆盖的问题,而不是将它们合并在一起。但是,在我尝试将具有重复项的对象连接到一个条目之前,我想写这篇文章。

如果有人可以帮助我解决任何这些问题/告诉我一个更容易和更干净的方法来实现这个功能-这将是非常感激的。我花了太多的时间来思考这个问题。

制表机:v5.1.6。jQuery: v.3.6.0

谢谢大家提前:)

对于那些有相同问题的人,我首先修复了这个问题:升级到Tabulator v5.2,然后将{headerFilter: "select", headerFilterParams:{values:true}}更改为{headerFilter: "list", headerFilterParams:{valuesLookup: "active"}}

最新更新