Question

我必须使用jquery插件Datatables和twitter bootstrap css渲染最多1500行。在每一行中，有一个表最多可包含50行。

使用chrome developper工具分析器和测试，渲染是一个真正的问题。例如，我有250个项目显示219861选择器匹配.table th，.table td。

我如何优化这个？

检索twitter bootstrap

Answer 1

我是一名框架开发人员，我可以分享一些我面对的事情并记住此时

在表格布局中编写表格时，请勿使用
```
 'box-sizing:border-box'
```
而是使用'content-box'，否则如果您指定了或没有指定边框，它将在行之间创建间隙，而不是列。没有样式可以帮助您删除..这在实现嵌套表格布局时非常重要
即使您正在使用带有表格布局的DIV，请注意“max-width”在某些mozilla版本中无法正常工作，因为您可能需要维护占用100％的“包装”DIV细胞的宽度和100％高度。
在细胞内保持阻挡杆包装，如果它是桌子则应用皮肤，因为悬停和聚焦将无法正确应用。例如：在一些现代浏览器中观察到半填充悬停皮肤。
虽然动态地嵌入那些元素而不是在飞行和附加上创建元素，但是准备HTML字符串并附加它，它确实表现得很好。我已经观察到了这一点。但是修改html渲染器可能看起来很脏，但我们需要的只是性能

这些是我记忆中的一些事情。如果我错了，请纠正我..

建议如果你也是针对移动浏览器，那么除非你在处理div布局方面有很好的专业知识，否则请去表格布局。 Floats在某些移动设备中无法正常运行。并且表格也适用于移动设备中的媒体查询。

Answer 2

我最近有类似的情况，waaaay表格数据太多，不得不用分页来解决它。 HTML必须提取所有信息并在它开始渲染之前构建那个庞大的表，因此可怕的缓慢。

Answer 3

最后，我将显示的最大行数限制为200.不允许“显示所有内容”。

我也会尝试优化css。似乎我没有使用bootstrap css的很多定义。