Element Ui 表格自定义滚动条,以及自定义滚动条后出现空白问题

转载地址:https://blog.csdn.net/weixin_44057991/article/details/124725888

::v-deep .el-table__body-wrapper::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(240, 238, 238, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
  //   background: #cccccc !important;
}
::v-deep .el-table colgroup col[name='gutter'] {
  cursor: pointer;
  width: 11px;
}
::v-deep .el-table__body {
  width: 100% !important;
}

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