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

【问题标题】：Column filter on button click in datatables在数据表中单击按钮时的列过滤器
【发布时间】：2015-03-17 05:39:04
【问题描述】：

早上好，

数据表、python 和 jquery 的新手，请多多包涵。我正在尝试获取通过 python 导入的数据表，以便在单击按钮时过滤列结果。我已经搜索过这个问题的答案，但大多数似乎都针对文本过滤器或选择器过滤器，这并不是我想要的。

这是我创建的 JSFiddle 模型：

    <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 就不能很好地工作，但会给你要点。首先，如您所料，该表会显示所有结果。本质上，如果“类型”列等于设置的文本值，我要做的就是允许某人单击其中一个按钮并使用表格过滤器。

我有一个字段（“类型”），其中包括五个设置值：映射、图表、数据分析、编程和其他。

所以，如果有人要单击“映射工具”按钮，我希望数据表只过滤到 {{obj.type}} = "Mapping" 的结果有什么想法吗？

【问题讨论】：

标签： jquery datatables jquery-datatables

【解决方案1】：

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

【讨论】：

谢谢！我会试一试。