我用几乎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毫秒?