Jquery 数据表未根据下拉条目显示正确的行数

Question

我有 ajax 个电话 returns table。在成功方法中，我使用 $("#tableID").dataTable(); 它虽然在下拉列表中显示分页和行数，但它只显示所有行而不是仅显示在下拉列表中选择的行数。换句话说，要显示的行数不起作用。

我尝试在 $(document).ready 中使用下面的方法，但它也不起作用
$("#tbAccount").dataTable({ "iDisplayLength": 10 });

我的代码如下：

  function ShowNodeDetails(levelId, parentGroupID) {
        $.ajax(
                        {
                            type: "POST",
                            url: "AccountsView.aspx/GetNodeDetails",
                            data: "{'levelID':'" + levelId + "','ParentGroupId':'" + parentGroupID + "'}",
                            contentType: "application/json;charset=utf-8",
                            dataType: "json",
                            async: true,
                            cache: false,
                            success: function (msg) {

                                $("#dvAccountDetails").empty();
                                $("#dvAccountDetails").append(msg.d);
                                $("#tbAccount").dataTable(
                                {
                                    "iDisplayLength": 10
                                });
                            }
                        });

    }

我只使用过去 5 天的 jquery、javascript 和 ajax。所以也许，我可能缺乏相同的调试技巧。

Answer 1

尝试给出这些选项：销毁：将重新创建数据 table 如果它已经存在。搜索：可以设置为 True 或 False。排序：用于排序或未排序的列表。 LengthMenu：每个 table

的自定义寻呼机长度

$('#tbAccount').dataTable( {
     destroy: true,
     searching: true,
     ordering:  true,
     lengthMenu: [5, 10, 25, 50, 75, 100 ]                                                    
});

Jquery 数据表未根据下拉条目显示正确的行数

Jquery Datatable not showing correct number of rows as per dropdown entries

javascript

ajax

jquery

jquery-datatables