设置了.el-table__body-wrapper { overflow: visible; /* 设置为可见 */ }之后页面无法左右滚动
时间: 2024-03-08 18:49:39 浏览: 27
如果您设置了.el-table__body-wrapper { overflow: visible; },页面无法左右滚动,可能是因为您的表格宽度超过了父容器的宽度。您可以尝试以下操作:
1. 确认表格宽度是否超出了父容器宽度,如果是,请调整表格的宽度。
2. 如果您需要固定表头,可以将表格放在一个固定宽度的容器中。例如:
```
<div style="width: 1000px;">
<el-table>
<!-- 表格内容 -->
</el-table>
</div>
```
3. 如果您需要左右滚动,请尝试在外层再套一层div,并设置overflow-x:scroll。例如:
```
<div style="overflow-x:scroll;">
<el-table>
<!-- 表格内容 -->
</el-table>
</div>
```
希望以上解决方案能够帮助到您。
相关问题
el-table__body-wrapper &::-webkit-scrollbar修改滚动条颜色
你可以使用以下 CSS 代码来修改 el-table__body-wrapper 中的滚动条颜色:
```css
.el-table__body-wrapper::-webkit-scrollbar {
width: 8px;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #c1c1c1;
border-radius: 4px;
}
.el-table__body-wrapper::-webkit-scrollbar-track {
background-color: #f5f5f5;
border-radius: 4px;
}
```
上述代码将会让滚动条变宽,并且设置了一个灰色的滚动条拇指,同时设置了一个淡灰色的滚动条轨道。你可以根据需要修改颜色和其他属性。请注意,这些样式只会在支持 WebKit 引擎的浏览器中有效,在其他浏览器中可能会有所不同。
.el-table__footer-wrapper 是什么意思
.el-table__footer-wrapper是element-ui中el-table组件中用来包含合计行的元素的类名。在el-table组件中,合计行会被包含在一个名为.el-table__footer-wrapper的元素中,该元素默认被放置在表格的最后一行。
可以使用该类名来选取合计行的元素,从而进行样式或位置的调整。例如,可以使用以下CSS样式来将合计行的位置设置为表格的第一行:
```
.el-table__footer-wrapper {
position: absolute;
top: 0;
left: 0;
}
```
这样可以将合计行的位置设置为表格的第一行,但需要注意的是,如果表格的列宽或数据行高度发生变化,可能会影响合计行的位置。