作者：newbigstart | 来源：互联网 | 2023-07-31 19:34
原理
表格左右拆分，再上下拆分，最后拆分为四个table容器
滚动右下table时，加scroll事件，控制左下scrollTop与右上scrollLeft两个table的scroll值
注意
左下、右上overflow: hidden,右下overflow: scroll
左下、右下最后需要新增
| ,以防右下滚动条影响四个表格对不齐
注意td宽高，最好限制死
代码如下
| 小1 |
| 小2 |
| 小3 |
| 小4 |
| 小5 |
| 小6 |
| 小7 |
| 小8 |
| 小9 |
| 小10 |
| 小11 |
| 小12 |
|
| 语文 | 数学 | 英文 | 历史 | 地理 | 生物 | 化学 | 物理 | 自然 | 社会 | 政治 | 美术 | 音乐 | 体育 | |
| 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 |
| 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 |
| 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 |
| 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 |
| 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 |
| 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 |
| 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 |
| 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 |
| 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 |
| 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 |
| 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 |
| 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 | 99 |
我自己做的
效果
京公网安备 11010802041100号