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

时间:2015-03-17 05:39:04

标签: jquery datatables jquery-datatables

早上好,

数据表,python和jquery的新功能所以请耐心等待。我试图获取通过python导入的数据表表,以便在单击按钮时过滤列结果。我已经搜索了这个问题的答案,但大多数似乎是围绕文本过滤器或选择器过滤器,这不是我正在寻找的。

这是我创建的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的情况下没有工作,但会给你一个要点。首先,表格会显示所有结果,如您所料。从本质上讲,我想要做的就是允许某人点击其中一个按钮,并在列&#34; Type&#34;等于设置的文本值。

我有一个字段(&#39; Type&#39;),其中包含五个设置值:Mapping,Charts,Data Analysis,Programming and Other。

因此,如果有人要点击“映射工具”按钮,我希望数据表仅过滤到{{obj.type}} =&#34; Mapping&#34;有什么想法吗?

1 个答案:

答案 0 :(得分:0)

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