使用html内容过滤

Question

我正在尝试在带有html内容的列上放置一个选择过滤器。

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

见这里的例子： 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无关，而是与数据表本身有关，

如果您要使用单词否或是来提供全局数据表过滤器，它将不会显示任何结果 - 因为它似乎没有查看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

相关代码：

<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'
         }
  ]);