element table显示滚动条

 1 /* .tableX为要显示滚动条的类名 */
 2 /* 显示横向滚动条 */
 3 .tableX .el-table--scrollable-x .el-table__body-wrapper {
 4   padding: 0 0 5px 0;
 5   margin: 0 0 5px 0;
 6   overflow-x: auto;
 7 }
 8 /* 滚动条的滑块样式 */
 9 .tableX .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
10   background-color: #ccc !important;
11   border-radius: 30px !important;
12 }
13 /* 去除右侧固定定位阴影多出来的像素 */
14 .tableX .el-table__fixed-right{
15   height: calc(100% - 27px) !important;
16 }

 

转载于:https://www.cnblogs.com/lyzw-Y/p/10930442.html

你可能感兴趣的:(element table显示滚动条)