javascript - 首次加载页面时，JQuery 数据表不起作用

Question

我有一个JQuery数据表，具有排序、搜索和页行限制功能。搜索工作正常。

但是排序和页面行限制功能在首次加载页面时不起作用。如果我搜索某些内容并尝试页面行限制功能和排序，那么工作正常。

我的脚本代码:

<script>
$(document).ready(function() {
    $('#dataTables-example').dataTable({
        "serverside": true,
        "searching": true,
        "ordering": true,
        "deferLoading": 57,
        "displayStart": 20,
        "order":[2, "asc"]

    });

});
</script>

(该脚本位于表格 html 代码之后。)

我无法找出这里的错误。请帮助我。

Answer 1

您不应该使用“DataTable”而不是“dataTable”吗？

$(document).ready(function() {
    $('#dataTables-example').DataTable();
});

dataTable() vs. DataTable() - why is there a difference and how do I make them work together?

https://datatables.net/forums/discussion/23540/datatable-vs-datatable

还有一个使用 DataTable 的排序函数的示例:https://datatables.net/examples/basic_init/table_sorting.html