程序性能之显示大表格
程序性能之显示大表格
在WEB上,显示表格比较大的情况下,我的表格大小为200KB..如有不当,显示为很慢。
所以需要调整CSS属性可加快表格渲染。。
设置TABLE的样式属性 table-layout:fixed , 可加快表格渲染。。很关键。
可取值为fixed (固定表格布局),auto( 自动表格布局,默认取值)。。
固定表格布局:
固定表格布局与自动表格布局相比,允许浏览器更快地对表格进行布局。 在固定表格布局中,水平
布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关。 通过使用固定
表格布局,用户代理在接收到第一行后就可以显示表格。
不过这样一来,列宽度仅取决于第一单元格宽度……如果后边表格内容太多,可造成显示不全。此时需要指定
自动换行的CSS属性。
自动表格布局:
在自动表格布局中,列的宽度是由列单元格中没有折行的最宽的内容设定的。 此算法有时会较慢,
这是由于它需要在确定最终的布局之前访问表格中所有的内容。
说明
该属性指定了完成表布局时所用的布局算法。固定布局算法比较快,但是不太灵活,而自动算法比较慢,
不过更能反映传统的 HTML 表。