Question

我正在使用jQuery的datatable插件。我遵循许多人使用的link's方法;但是，我没有获得用于搜索每列的文本框，而是获得了正常的文本附加列和右上角的原始搜索文本框以及show entries dropbox正在消失。知道为什么会这样吗？

感谢任何帮助。

更新（代码）

<table id="g_table" class="table table-responsive table-bordered table-striped table-hover">
    <thead>
        <tr>
            <th>@Html.DisplayNameFor(model => model.date_time) (mm/dd/yyyy hh:mm:ss)</th>
            <th>@Html.DisplayNameFor(model => model.value_level)</th>
            <th>@Html.DisplayNameFor(model => model.alert_status)</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {           
            <tr>
                <td>
                    @Html.DisplayFor(modelItem => item.date_time)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.value_level)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.alert_status)
                </td>
            </tr>
        }
    </tbody>
    <tfoot>
        <tr>
            <th>Date and Time</th>
            <th>Level</th>
            <th>Alert Status</th>
        </tr>
    </tfoot>
</table>

<script src="~/Scripts/DataTables/jquery.dataTables.min.js"></script>
<script src="~/Scripts/Highcharts-4.0.1/js/highcharts.js" type="text/javascript"></script>

<script type="text/javascript">
        $(document).ready(function () {
            $("#g_table").dataTable().columnFilter();
        });
</script>

Answer 1

如果您检查浏览器开发人员工具，您可能会看到未定义插件。

您需要包含该网站Data List and directories提供的插件。

或者，使用更新的数据表和此处提供的方法http://jquery-datatables-column-filter.googlecode.com/svn/trunk/media/js/jquery.dataTables.columnFilter.js

DataTable过滤问题

1 个答案: