背景
在Vue中使用el-table,设置表格高度和宽度后,表格内容超出,横向滚动条没有显示。
解决办法
设置滚动条宽度和高度即可。
/* 设置滚动条宽度和高度 */
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 8px; /* 横向滚动条 */
height: 8px; /* 纵向滚动条 必写 */
}
/* 设置滚动条样式 */
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #dde;
border-radius: 3px;
}