Ajax获取数据,将数据渲染到表格里,其中涉及了上万条数据,用postman测了获取数据到前端页面需要152ms。
我先是使用bootstrapTable动态导入数据,后Search、分页排序等功能用DataTable
代码如下:
$('#searchresult').bootstrapTable({
cache:false,
data:data.result,
columns:[]
});
$('#searchresult').bootstrapTable('hideLoading'); //取消Loading
$('#searchresult').DataTable( {
"dom": '<"top"i>rt<"bottom"flp><"clear">'
});
这样渲染一万五千行数据到表格里去,完成时间总共为7s,严重影响性能。我以为是数据量过大,导致表格拖慢时间,后来发现是DataTable在搞鬼,不得不用整套BootstrapTable来渲染数据,最后完成时间为600ms。