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'
}
},