使用yadcf（datatables）将不同的过滤器组应用于HTML列

Question

我有一个用HTML（图像）创建的数据表列，格式为：

<img src='[path to image]' class='[imgClass]'>

我已创建fiddle以查看其实际效果。

以下是条件：

• 我有四张图片：黑色，绿色，黄色和红色。
• 我有两种可能的状态：已分配/未分配。
• 黑色图像属于未分配状态，绿色，黄色和红色属于指定状态。

要过滤列标题上的图像，我会搜索该类，它可以正常工作。但是当我按下顶部的ASSIGNED按钮（以获得红色，黄色和绿色）时，过滤器不起作用。

Answer 1

您尝试进行多选过滤，而过滤器类型为单选

因此，您应将yadcf过滤器设置为filter_type: 'multi_select', - see jsfiddle

甚至更好地使用 select2 和 yadcf 这样（应该添加select2 css / js）

filter_type: 'multi_select', select_type: 'select2',

see jsfiddle