Datatables 使用html内容过滤

我试图在包含html内容的列上放置一个选择过滤器

过滤器会找到html字符串的id，但一旦我在过滤器中选择了一个值，表中就不会显示任何记录

请参见此处的示例：

相关

td

内容

<td><i id="Yes" class="fa fa-circle" style="color:green;font-size:20px;"></i></td>

---

它实际上与yadcf无关，而是与数据表本身有关

如果在全局datatables过滤器中输入“否”或“是”，则不会显示任何结果，因为它似乎没有查看html属性

因此，您可以做的是在您的内部放置一个隐藏的html元素（包含所需的serach值，如下所示

<td>
    <i id="No" class="fa fa-circle" style="color:red;font-size:20px;">
        <span class="hide">No</span>
    </i>
</td>

一切都会按计划进行

您甚至可以通过从html中删除ID并使用更简单的yadcf设置来减少html和yadcf设置，请参阅

相关代码：

<td>
    <i class="fa fa-circle" style="color:red;font-size:20px;">
        <span class="hide">No</span>
    </i>
</td>


 yadcf.init(table,[   
         {
           column_number: 0, 
           column_data_type: 'html'
         }
  ]);

不
yadcf.init（表[
{
列号：0，
列数据类型：“html”
}
]);

.hide {
  display: none;
}

<td>
    <i class="fa fa-circle" style="color:red;font-size:20px;">
        <span class="hide">No</span>
    </i>
</td>


 yadcf.init(table,[   
         {
           column_number: 0, 
           column_data_type: 'html'
         }
  ]);