使用 html 内容过滤

Question

我正在尝试在具有 html 内容的列上放置 select 过滤器。

过滤器找到 html 字符串的 ID，但是一旦我 select 过滤器中的一个值，table 就没有显示任何记录。

参见此处示例： http://live.datatables.net/rabesuta/1/edit?html,js,output

相关td内容

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

yadcf 设置：

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

Answer 1

它与 yadcf 没有真正的关系，而是与数据表本身有关，

如果您将 No 或 Yes 字词提供给全局数据表过滤器，它不会向您显示任何结果 - 因为看起来它没有查看 html 属性，

所以你可以做的是在你的里面放置一个隐藏的 html 元素（包含你想要的 serach 值，像这样

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

与以下css

.hide {
  display: none;
}

一切都会按预期进行，see working sample

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

使用 html 内容过滤

Filtering with html content

datatables

yadcf