表格在固定表头遇到样式问题

Posted 2020-10-02 疯序员

css 样式来固定表头，首先设置两个table，这个时候就遇到了一个问题，那就是两个表格td的宽度要保持对其。这样才能做到固定表头的效果。

首先给table设置一个固定宽度。然后添加样式

table{table-layed:fixed}

有可能还会遇到其他的问题就是在设置td的宽度无效，这个时候不要慌。先检查是否为td设置了colspan和rowsapn等属性。如果是表格的第一列tr设置了这两个属性很可能导致td的宽度无效。我前面就是，利用一个其他的元素代替  然后就可以肆无忌惮的修改td的宽度了。