lixin-web/webapp/less/element-ui/table.less

vue and bootstrap

.el-table.el-table--fit{
  font-size:@font-size-base;
  th,td{
    text-align: center;
  }
  th{

  }
  .cell{
    padding-left: 10px;
    padding-right: 10px;
  }
  td{
    border-bottom:none;
    height:34px;
    .el-button--text{
      min-width: 60px;
    }
    .el-button{
      font-size:@font-size-base;
    }
  }
}

.el-table{
  .el-table__expand-icon{
    height: 34px;
  }
  .el-table__footer-wrapper{
    border-top:1px solid @gray-light;
    tbody td{
      background: transparent;
    }
  }
  &.el-table--striped .el-table__body tr.el-table__row--striped td{
    background: #fff;
  }
  .el-table__empty-text{
    color: @gray-light;
  }
}


.el-table.el-table--striped .el-table__body tr:nth-child(2n) td{
  background: @module-bg;
}

.table-tool-bar{
  &.el-form--inline{
    .el-input__inner{
      width: 120px;
    }
    .el-date-editor{
      .el-input__inner{
        width: 200px;
        //padding-right: 20px;
      }
    }
  }
  .el-form-item__label{
    padding-right: 0px;
    margin-top: 3px;
  }
  .el-input,.el-form-item__label,.el-cascader__label{
    font-size: @font-size-base;
  }
  .el-cascader__label{
    line-height: 31px;
    height: 31px;
    top: 4px;
    color: @input-color;
  }
  .el-date-editor .el-input__icon{
    font-size:14px;
  }
  //.el-date-editor--datetimerange.el-input
  .el-date-editor--daterange.el-input
  {
    width: 200px;
  }
  .el-cascader{
    .el-input__icon{
      &:before{
        vertical-align: -3px;
      }
    }
  }


}

.tool-bar-select{
  //keep v-modal Gameorder select width
  min-width:120px!important;
}

.sc-table{
  .tool-bar{
    display: none;
  }
  td{
    .action-list{
      .el-button--text{
        min-width: inherit;
      }
    }
  }

  .el-table__expanded-cell{
    box-shadow: none;
    border-top:1px solid @gray-light;
    border-bottom:1px solid @gray-light!important;
    &,&:hover{
      background: #fff!important;
    }
  }
  .el-table__empty-block{
    min-height: 34px;
  }
  .el-pagination__jump{
    margin-left: 10px;
  }
  .pagination-wrap{
    &:empty{
      display: none;
    }
  }
  .el-pagination{
    padding-left: 0;
    padding-right: 0;
    .btn-next{
      //margin-right: 15px;
    }
  }
  .el-pagination__total{
    float: left;
    margin-left: 0;
  }
  .el-pagination__sizes{
    float: left;
  }
}