核心提示:写在前面: 之前在做表格的时候,一直忽略了表格的height高度,导致表格的的表头不能固定,这个样子当表格数据过多的时候,导致无法分辨表头是什么,所以决定固定表头。 固定表头需要使用heigh...
写在前面:
之前在做表格的时候,一直忽略了表格的height高度,导致表格的的表头不能固定,这个样子当表格数据过多的时候,导致无法分辨表头是什么,所以决定固定表头。
固定表头需要使用height这一属性,但是如果使用height后就有可能出现表头与表内容不对齐的问题,这里还要解决下,一般来说这点都是常见的,奇葩的是,当我一个页面有多个table的时候,其中有一个table当点击下一页的时候与初始化显示的第一页时候的表格的高度不一致,即当第一次进去点击下一页的时候,表格的高度发生了变化。这里真的不知道什么原因导致的,所以只好查看表格对应的样式,然后让表格加载成功后去改变对应的内容高度,这里在网上查阅了资料,貌似遇到的人不多,所以这里也只是简单记录下,然后跟着自己项目页面的的样式去调整把。
1.涉及到的相关的样式,主要是解决表头与表格内容不对齐(这里设置表头列宽无效的,就看自己项目中有没有需要设置吧)
/*解决设置表头列宽无效*/
/* #table{
table-layout: fixed;
}