jquery-datatables - deferRender 不适用于 5,000 多行 ajax 源表/滚动器插件(数据表)

Question

我的数据表表有一个 ajax/json 数据源，我正在尝试实现滚动/延迟渲染，但它似乎没有做任何事情。加载速度与我添加滚动条之前完全相同。

这是我的数据表初始化:

var dTable = $('#resultTable').dataTable({
    "oLanguage": { "sSearch": "Filter All Rows By:",
                    "sInfo": "Showing _START_ to _END_ of _TOTAL_ Hospitals",
                    "sProcessing":     "Please be patient while hospital data is retrieved...  <img style='margin-bottom:5px;' height='30px' width='30px' src='load/wheel.png'/>"
    },
     "columnDefs": [ {
            "searchable": false,
            "orderable": false,
            "targets": 0
     }
    ],
    "processing": true,
    "bDeferRender": true,
    "Dom": '<"clear">lfrtipTS',
    "order": [],
    "scrollY":        "600px",
    "scrollCollapse": true,
    "bLengthChange": false,
    "bPaginate": false,
    "sScrollX": "100%",
    "sScrollXInner": "100%",
    "ajax": {
            "url": "query/query_providerlist.php?recordnum=<?php echo $recordnum ?>&prvdrnum=<?php echo $num ?>&prvdrname=<?php echo $name ?>&cbsa=<?php echo $cbsa ?>&urbanrural=<?php echo $urbanrural ?>&ownertype=<?php echo $ownertype ?>&prvdrstrt=<?php echo $prvdrstrt ?>&prvdrcity=<?php echo $prvdrcity ?>&prvdrstate=<?php echo $state ?>&county=<?php echo $county ?>&prvdrzip=<?php echo $prvdrzip ?>",
            "dataType": "json"
        },
        "aoColumns": [
            {"data": null, "bSortable":false},
            {"data": "provider_num"},
            {"data": "provider_name",
             "mRender": function ( data, type, row ) {
             return '<a href="#provmodal" data-toggle="modal" class="push" id='+row.id+'>'+row.provider_name+'</a>'; 
             }
            },
            {"data": "state"},
            {"data": "city"},
            {"data": "street"},
            {"data": "county"},
            {"data": "zip", "sClass": "rightAlign"},
            {"data": "cbsa", "sClass": "rightAlign"}
        ],
    fnDrawCallback : function( oSettings ) {
       $(this).find('tbody tr').each(function(index) {
         $(this).find('td').first(0).text(index+1);
       });
     }
    });

不确定我在初始化 deferRender/Scroller 时做错了什么，但我知道它不起作用，因为在我的表格底部显示 Displaying 1 to 5,684 of 5,684 entries我知道滚动条应该让它说类似 displaying 1 to x(based on table height) of 5,684 entries .

任何建议都会很棒。

提前致谢

Answer 1

在这里回答晚了，但希望有用。您必须确保您的服务器端代码仅根据滚动条的位置返回请求数量的结果。带有 serverSide: true 的数据表通过默认params包括 start和 length .使用这些值来跳过和限制记录，以便您只返回应该为该页面返回的记录，而不是整个结果集。