单击元素以过滤javascript（数据表）中的列

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 。

这些页面中有示例，摘要和文档。 希望对您有所帮助。