el-table固定表头(设置height)出现内容过多时不能滚动问题

主要原因是el-table没有div包裹

el-table固定表头(设置height)出现内容过多时不能滚动问题_第1张图片

解决:加一个div并设置其高度和overflowel-table固定表头(设置height)出现内容过多时不能滚动问题_第2张图片

我自己的主要代码

    

css代码:

.contentTable {
  height: calc(100% - 50px) !important;
  overflow: scroll;
}
.contentTable >>> .el-table__body-wrapper::-webkit-scrollbar {
  width: 10px;
  height: 8px;
}

-webkit-scrollbar用来加滚动条的!!!

页面所有代码:




你可能感兴趣的:(vue.js,elementui,javascript)