javascript - 数据 html 属性中的 DataTables 按钮过滤器

Question

我正在将 DataTables 插件用于具有动态信息 ( https://datatables.net/ ) 的 bootstrap 4 表。我从不同的 API 获取信息，构建一个对象并附加到表中。

一切正常，但我希望能够在表格中未向用户显示的内容上创建一些过滤器按钮。

我有几列可用于排序/搜索（默认数据表），但我希望能够从数据区域和数据子区域 HTML 属性中进行过滤。我从 DataTables 插件中阅读了有关数据搜索的信息，但由于我需要超过 1 个过滤器（正如我所说，从 -region 和 -subregion 将是一个开始，但可能会扩展）这对我来说并不是真正有用的。

我的想法是创建一个下拉菜单（用于外观目的）并将按钮链接到过滤器。过滤器将检查按下了哪个按钮（按钮文本）并根据它过滤整个表格（如搜索，但针对数据 html 属性）。

我整天都在尝试寻找类似的东西，但一无所获……希望这里有人使用过这样的 DataTables，并且可以给我一个关于如何做到这一点的提示。

提前致谢。

标签： javascriptjquerydatatablesbootstrap-4

Answer 1

好吧，我还没有找到任何方法，所以我放弃了。我使用之前存储在“数据”属性中的信息创建了一些新列。我隐藏了列并使用了 api 的表引用

table.columns(colnumber).search('text').draw()

不漂亮，但它有效，所以我不会浪费更多时间寻找不同的方法。