CSS题目系列(1) - 可滚动的Table
描述
在开发中,有这样一个需求,Table
的表头不动,表身可以滚动,效果请点击以下链接查看:
https://gd4ark.github.io/blog-demos/2018-11-25/01.html
正文
假设我们有一个这样结构的表格:
1 | <table> |
设置表身样式:
1 | table tbody { |
这时候,表身已经实现了滚动,但是有个问题,td
缩在了一堆,如下:
加上这个就好了:
1 | table thead, |
完整代码:https://github.com/gd4Ark/blog-demos/blob/master/2018-11-25/01.html
后记
刚刚开始写文章,很多地方写的不够好,望谅解,我会慢慢改进的。
🥳 加载 Disqus 评论