程序性能之显示大表格

程序性能之显示大表格
在WEB上,显示表格比较大的情况下,我的表格大小为200KB..如有不当,显示为很慢。


所以需要调整CSS属性可加快表格渲染。。

设置TABLE的样式属性 table-layout:fixed  , 可加快表格渲染。。很关键。

可取值为fixed   (固定表格布局),auto( 自动表格布局,默认取值)。。


固定表格布局:
  固定表格布局与自动表格布局相比,允许浏览器更快地对表格进行布局。   在固定表格布局中,水平

布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关。   通过使用固定

表格布局,用户代理在接收到第一行后就可以显示表格。

不过这样一来,列宽度仅取决于第一单元格宽度……如果后边表格内容太多,可造成显示不全。此时需要指定

自动换行的CSS属性。


自动表格布局:
  在自动表格布局中,列的宽度是由列单元格中没有折行的最宽的内容设定的。   此算法有时会较慢,

这是由于它需要在确定最终的布局之前访问表格中所有的内容。


说明
  该属性指定了完成表布局时所用的布局算法。固定布局算法比较快,但是不太灵活,而自动算法比较慢,

不过更能反映传统的 HTML 表。

原文地址:https://www.cnblogs.com/attilax/p/15199998.html