jquery - 数据表中渲染的性能问题

Question

我尝试在禁用排序且“bDeferRender”:true 的情况下渲染大约 2500 行。在 chrome(v27) 中大约需要 40 秒。我正在使用 Datatables 1.9 和 jquery 2。有什么建议吗？

我的数据表的

数据表设置:

var oSettings = {
    'bDestroy': true,
    "bInfo": true,
    "bProcessing": true,
    "bDeferRender": true,
    'iDisplayLength': 10,
    'sPaginationType': 'full_numbers',
    'sDom': '<"top"i> T<"clear">lfrtip',
    'sPageButtonActive': "paginate_active",
    'sPageButtonStaticDisabled': "paginate_button",
    "oLanguage": {
        "sSearch": "Futher Filter Search results:",
        "sInfo": "Got a total of _TOTAL_ results to show (_START_ to _END_)",
        "sLengthMenu": 'Show <select>' +
                '<option value="5">5</option>' +
                '<option value="10">10</option>' +
                '<option value="15">15</option>' +
                '<option value="20">20</option>' +
                '<option value="25">25</option>' +
                '</select> results'
    },
    "bSort": false
};

Answer 1

快速猜测:您正在像这样 oTable.fnAddData(cells) 使用 fnAddData，每行一次。这将导致 DataTable 在每次添加后重新绘制。添加第二个参数 false，例如 oTable.fnAddData(cells,false)。然后在循环之后调用 oTable.fnDraw()。这只会重绘一次，而不是 2500 次。

看到这个 fiddle :http://jsfiddle.net/V2Kdz/

单击“填充”按钮填充表格。

第 12 行是:

var ai = t.fnAddData(cells,false);

如果重绘参数为 false，表格绘制会在一秒内完成(在我的 2011 年中期 Mac Air 上)。如果将重绘参数设置为 true(或将其删除，因为默认值为 true)，则需要一分钟多的时间。