【CSS】设置表格表头固定
1.设置thead样式
在thead元素中增加样式:
position: sticky;top: 0;
2.设置table样式
在table元素中增加样式:
border-collapse: separate; /* 分离边框模式 */
border-spacing: 0;
3.设置表头伪元素样式
增加样式:
th::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;border-width: 1px;border-style: solid;border-color: #666666;
}