需求:1.y轴有,x轴无;
如果用element ui 中的table,给table加个class,这样能识别到哪一个table,然后隐藏x轴,给y轴设置最大高度,y轴宽度和颜色设置自己需要的就行;
.saleTable {
/* max-height: 440px; */
/* overflow-y: scroll; */
}
/* 隐藏x轴 */
.saleTable:deep(.el-scrollbar__wrap) {
overflow-x: hidden;
}
.saleTable:deep(.el-scrollbar__bar.is-horizontal) {
display: none;
}
/* 给table中加y轴滚动条,设置最大高, */
.saleTable:deep(.el-table__body-wrapper) {
overflow-y: scroll;
max-height: 440px;
}
/* y轴滚动条的宽度 */
.saleTable:deep(.el-table__body-wrapper::-webkit-scrollbar) {
width: 6px;
}
/* 滚动条的滑块 */
.saleTable:deep(.el-table__body-wrapper::-webkit-scrollbar-thumb) {
background-color: #ddd;
border-radius: 3px;
}