点击元素来过滤javascript（datatables）中的列

Question

我正在使用JavaScript DataTables来显示数据，并且想要通过单击数据项目以及标准菜单来修改过滤器。例如，我有一个这样的表（显然不包括必要的过滤的JavaScript功能）：

<table> 
    <thead> 
     <th>name</th> 
     <th>number</th> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Bob</td> 
      <td>5</td> 
     </tr> 
     <tr> 
      <td>Sue</td> 
      <td>5</td> 
     </tr> 
     <tr> 
      <td>Sue</td> 
      <td>2</td> 
     </tr> 
     <tr> 
      <td>Bob</td> 
      <td>1</td> 
     </tr> 
     <tr> 
      <td>Frank</td> 
      <td>5</td> 
     </tr> 
    </tbody> 
</table> 

如果观众点击“鲍勃”，我希望过滤器进行更新以包含“仅显示行鲍勃”。

Answer 1

使用ColumnFilterWidgets或ColumnFilter。

这些页面中有示例，代码片段和文档。我希望它有帮助。