el-table 右侧滚动栏设置

/* 设置是否隐藏右侧滚动框 */

.commonScrollbarTable /deep/ .el-table__body-wrapper::-webkit-scrollbar {

    width: 0px;

    height: 10px;

    display: none;

    overflow: hidden;

}

/* table右侧横线设置 */

.el-table--border::after,

.el-table--group::after {

    width: 0px;

}

/* table底部横线设置 */

.el-table::before {

    left: 0;

    bottom: 0;

    width: 97%;

    height: 0;

    background-color: red;

}

.bg8 >>>.el-progress-bar__outer{

   background-color: lightblue;

}

/* 设置table的body和header宽度一致 */

.el-table>>>.el-table__header , .el-table>>>.el-table__body,

.el-table>>>.el-table__footer {

    width: 100% !important;

  }

  .el-table>>>.el-table__header colgroup col[name='gutter'] {

    width: 0px !important;

  }

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