在数据表中单击按钮时的列过滤器

Question

大家早上好，

新数据tables、python 和 jquery 请耐心等待。我正在尝试获取通过 python 导入的数据 tables table 以在单击按钮时过滤列结果。我已经搜索过这个问题的答案，但大多数似乎都围绕着文本过滤器或选择器过滤器，这并不是我正在寻找的。

这是我创建的 JSFiddle 模型：

https://jsfiddle.net/4m5up9bx/2/

    <div align=center><a href="a" class="navy small btn">Mapping Tools</a>
    <a href="b" class="teal small btn">Charting Tools</a>
    <a href="c" class="green small btn">Analyzing Data</a>
    <a href="d" class="yellow small btn">Programming Tools</a>
    <a href="e" class="orange small btn">Other Data Tools</a></div>


    <table id="tools" border=1 cellpadding=7>
        <thead>
        <th>Program</th>
        <th>Type</th>
        <th>Skill Level</th>
        <th>Website</th>


    </thead>
    <tbody>
        <tr>
            {% for obj in object_list %}

            <td><a href="{{ obj.id }}/">{{ obj.program }}</a></td>
            <td>{{ obj.type }}</td>
            <td>{{ obj.skill_level }}</td>
            <td><a href="{{ obj.website }}/">{{ obj.website }}</a></td>
            </tr>
        {% endfor %}
    </tbody>
    </table>

没有 python 就无法正常工作，但会告诉您要点。首先，table 显示所有结果，如您所料。本质上，我想要做的就是允许某人单击其中一个按钮并在列 "Type" 等于设置的文本值时使用 table 过滤器。

我有一个字段（'Type'），其中包含五个设置值：制图、图表、数据分析、编程和其他。

因此，如果有人单击“映射工具”按钮，我希望数据table 仅过滤到 {{obj.type}} = "Mapping" 任何结果想法？

Answer 1

您可以使用服务器端数据表。您可以在其中将对象（即映射、图表）的自定义参数传递给 ajax 请求并获取 json 数据并显示在数据表上。或者您可以检查“Generated content for a column”

在数据表中单击按钮时的列过滤器

Column filter on button click in datatables

jquery

datatables

jquery-datatables