前言
你是否遇到过需求是给每个单元格整上不同色彩?
方法
如图,灵活运用cell-style就可以,经过我多次打印,发现每个单元格都会有动作
row:行数据(数据为tabledata的该行数据)
column:列数据(数据为列的label,是否固定之类的数据)
其他两个:略
众所周知,二维平面中只要知道一个点的坐标,就能定位它的位置,单元格也同理,通过rowIndex,columnIndex就能确定一个单元格的位置,这个时候,你只需返回颜色就可以了
<el-table :data="tableData" height="680" :cell-style="ssssssssss"></el-table>
ssssssssss({row, column, rowIndex, columnIndex}){
let cellStyle;
if (columnIndex === 0 && rowIndex % 2 === 1) {
cellStyle = "background:oldlace;";
return cellStyle;
}
},
结语
elementui的table,功能还是很多的👍