el-table横向滚动条不显示

问题

在Vue中使用el-table,设置表格高度和宽度后,表格内容超出,横向滚动条没有显示,无法拖动
el-table横向滚动条不显示_第1张图片

解决方法:

/* 设置滚动条宽度和高度 */
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
    width: 20px; /* 横向滚动条 */
    height: 8px; /* 纵向滚动条 必写 */
}
/* 设置滚动条样式 */
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #dde;
    border-radius: 3px;
}

你可能感兴趣的:(html+css,elementui,css)