element ui 表格对齐方式,表头对齐方式

 

        <el-table
          :data="data"
          border
          :header-cell-class-name="headerStyle" //表头居中
          :cell-style="isCenter"     //表格居中
        >
        </>

    // 设置表头样式
    headerStyle({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 15) {
        return 'table-th'
      } else if (columnIndex === 0 || columnIndex === 1) {
        return 'table-lt'
      } else {
        return 'table-rt'
      }
    },

    // 设置单元格样式
    isCenter({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 15) {
        return 'text-align: center'
      } else if (columnIndex === 0 || columnIndex === 1 || columnIndex === 2 || columnIndex === 3) {
        return 'text-align: left'
      } else {
        return 'text-align: right'
      }
    },

 

posted @ 2020-10-09 09:46  javascript9527  阅读(3074)  评论(0编辑  收藏  举报