用jquery数据表改进html渲染时间

时间:2018-02-15 11:22:44

标签: javascript jquery html datatables rendering

我用几乎3000行数据实现了数据表,用这段代码渲染HTML花了4到5秒钟:

$('#book_table').html(book_table);
$('#book_table > table').DataTable({...data table initializing});

当我试图改善渲染时间时,我试图隐藏HTML数据容器元素(显示:无),然后在数据表初始化后显示它,结果很震惊,只需200毫秒就可以通过此代码进行渲染

$('#book_table').addClass('hidden');
$('#book_table').html(book_table);
$('#book_table > table').DataTable({...data table initializing});
$('#book_table').removeClass('hidden');

问题是:如何隐藏数据容器并在数据表初始化后显示它可以将渲染时间从4秒提高到200毫秒?

0 个答案:

没有答案