element 中 表格设置滚动条
表格设置滚动条1、 使用header 直接设个表格的高度,就会为表填加上表格
2、表格自定义使用css样式添加滚动条
样式一、
/deep/ .el-table__body-wrapper {height: 200px; /* 滚动条整体高 必须项 */border-right: none;overflow-y: scroll;/* overflow-y为了不出现水平滚动条*/}/deep/ .el-table__body-wrapper::-webkit-scrollbar {width: 5px;/* 滚动条的宽高 必须项 */height: 5px;}/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {border-radius: 10px; /*滚动条的圆角*/-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #409eff; /*滚动条的背景颜色*/}
样式二、
/deep/ .el-table__body-wrapper::-webkit-scrollbar {width: 8px; /*滚动条宽度*/height: 12px; /*滚动条高度*/}/deep/ .el-table__body-wrapper::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px; /*滚动条的背景区域的圆角*/background-color: #eeeeee; /*滚动条的背景颜色*/}/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {border-radius: 10px; /*滚动条的圆角*/-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #409eff; /*滚动条的背景颜色*/}