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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM