使用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元素（您想要的检索算法价值封闭，这样

<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; 
} 

，一切都将工作作为expceted，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' 
     } 
    ]);