如何令HTML表格自适应视口宽度，并且达到Excel冻结表头的效果？

Question

使用CSS似乎只能通过将表头和内容分离到两个<table>元素中，而且这样的话自适应会出现问题，表头和内容对不齐。如果用position:fixed将表头固定，表头的格式会变得混乱（其中一列使用了<th colspan="3">）。如何可以既保留表格原来的格式，又能使表格自适应视口宽度，并且冻结表头呢？

如果纯粹使用CSS，不使用Javascript。能做到吗？

Answer 1

个人建议，可以使用div模拟table。
那样式什么的就方便调整很多了。

Answer 2

做两个一模一样的 table ，上面一个只显示 thead 部分，下面一个只需要 tbody 部分。