
CSS 实现固定表头表格
发布于 • 阅读量 193
通过 position: sticky
可以很容易实现固定表头的表格。
table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
table thead th {
position: sticky;
top: 0;
z-index: 1;
background: #fff;
border: 1px solid #000;
}
项目 | 价格 | 数量 |
---|---|---|
计算机 | ¥1600 | 5 |
手机 | ¥12 | 12 |
管线 | ¥$1 | 234 |
计算机 | ¥1600 | 5 |
手机 | ¥12 | 12 |
管线 | ¥$1 | 234 |
计算机 | ¥1600 | 5 |
手机 | ¥12 | 12 |
管线 | ¥$1 | 234 |
计算机 | ¥1600 | 5 |
手机 | ¥12 | 12 |
管线 | ¥$1 | 234 |
发布时间: | 版权信息:非商用-署名-自由转载