JQuery：数据表 - 列过滤插件答案

【问题标题】：JQuery: Datatables - Column Filtering PluginJQuery：数据表 - 列过滤插件
【发布时间】：2011-07-26 21:04:45
【问题描述】：

我正在尝试在我的通过 AJAX 填充的数据表上找到此处 (http://jquery-datatables-column-filter.googlecode.com/svn/trunk/default.html) 的插件，但是当遵循示例中用于向表格添加所需页脚的说明：

<tfoot>
        <tr>
            <th>Rendering engine</th>
            <th>Browser</th>
            <th>Platform(s)</th>
            <th>Engine version</th>
            <th>CSS grade</th>
        </tr>
    </tfoot>

我只是用带标签的页脚行结束，而不是示例中所示的文本框。

对我需要做些什么来纠正这个问题有什么想法吗？谢谢！

【问题讨论】：

您是否为每列添加th？页脚是否与页眉匹配？在示例源代码中，表格开头有一个theader，精确的列作为页脚。也许这是一个要求。
是的，我有一个匹配的标题，但仍然没有运气。
你能用你的视图源创建一个jsfiddle.net吗？

标签： jquery jquery-plugins filtering

【解决方案1】：

您是否将它添加到您的 .datatable javascript 中？

$(document).ready( function () {
        $('#example').dataTable()**.columnFilter()**;
}

【讨论】：

【解决方案2】：

感谢您的帮助。我最终尝试了几个不同的位置来查找 $('#example').dataTable().columnFilter(); 的位置。调用，并且由于我使用的是 AJAX，因此我需要在渲染我的表格期间对其进行定位。

诸如：

if( typeof dataTable == 'undefined' )
dataTable = $('#eventRecords').dataTable({"bJQueryUI": true}).columnFilter();

【讨论】：