0

1

2

3

4

5

6

7

8

9

0

1

2

3

4

5

6

7

8

9

0

1

2

3

4

5

6

7

8

9

0

1

2

3

4

5

6

7

8

9

0

1

2

3

4

5

6

7

8

9

0

1

2

3

4

5

6

7

8

9

文章封面

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
发布时间: | 版权信息:非商用-署名-自由转载

评论