單擊元素以過濾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 。

這些頁面中有示例，摘要和文檔。 希望對您有所幫助。