文件名称：保持固定表头和表体宽度一致,dom中js的妙用.docx
文件大小：18KB
文件格式：DOCX
更新时间：2023-05-30 04:52:24
web开发 多表宽度一致
在web应用中，使前后端分离、网页dom、js、css分离成为业界共识，这样对web项目的开发和维护很有好处。那么嵌入在dom中，尤其是dom行间的js是否是一无是处了呢?答案是否定的，在这样一种场景下，是大有用处的。 如果将内容显示在表格中，内容较多的情况下会出现垂直滚动条，在向下滚动时，表头会被隐藏，这对查看内容非常不便，一个解决办法是，采用上下两个放在不同div中的表，上面的专门放表头，下面的显示详细内容。网页初始化时，把内容显示在下表中。但是，当内容较多时，下表所在的div出现垂直滚动条，使下表的宽度变小，而上表的宽度不变，从而上下表的单元格出现错位，不好看了。 怎么解决呢？ 你可能想到了使用表大小改变事件、或者表内容改变事件。但是，这些事件在网页初始化过程中不会被触发。 退一步，对下表使用鼠标进入事件，虽然能实现上下表宽度保持一致，但是网页给用户的第一印象是上下表宽度不同，表格列错位。 使用文档完成事件，也不行，这个事件发生在表格内容填充之前。 此种情况下，拾起被摒弃的dom中的js，便可很方便的解决问题。