el-table隐藏滚动条
时间: 2023-06-28 12:05:56 浏览: 99
你可以通过设置表格的 `height` 属性来限制表格的高度,这样如果表格内容过多时,就会出现滚动条。如果你想隐藏滚动条,可以使用 CSS 样式来实现,例如:
```css
.el-table__body-wrapper::-webkit-scrollbar {
display: none;
}
```
这会隐藏表格主体部分的滚动条。如果你还想隐藏表头部分的滚动条,可以使用以下样式:
```css
.el-table__header-wrapper::-webkit-scrollbar {
display: none;
}
```
请注意,不同的浏览器可能会有不同的滚动条样式,你需要根据实际情况来适配样式。
相关问题
隐藏el-table的滚动条
要隐藏 `el-table` 的滚动条,可以使用以下 CSS 样式:
```css
.el-table__body-wrapper::-webkit-scrollbar {
display: none;
}
```
这个样式将会隐藏 `el-table` 内部的滚动条。你可以将这个样式应用到你的应用程序中。如果你想要隐藏表头固定区域的滚动条,可以使用以下 CSS 样式:
```css
.el-table__fixed::-webkit-scrollbar {
display: none;
}
```
这样就可以隐藏 `el-table` 的滚动条了。
将el-table的滚动条隐藏
要将el-table的滚动条隐藏,可以使用以下CSS样式:
```
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
display: none;
}
```
这样就可以将el-table的滚动条隐藏了。需要注意的是,这个样式只对webkit内核的浏览器有效,如果需要兼容其他浏览器,可以使用相应的样式。