element中的table表头固定.无法滑动
时间: 2023-10-11 22:08:15 浏览: 89
table的表头固定
4星 · 用户满意度95%
要实现表头固定,可以使用 CSS 中的 `position: sticky` 属性。将表头的 CSS 样式设置为 `position: sticky; top: 0;`,即可让表头固定在页面顶部。
例如:
```css
thead {
position: sticky;
top: 0;
background-color: #fff;
}
```
注意,`position: sticky` 属性在某些浏览器上可能不支持。在不支持该属性的浏览器中,表头将会随着页面滚动而消失。此时,可以考虑使用 JavaScript 实现表头固定。
阅读全文