需求:动态表格指定行加样式
解决方法::cell-style="cellStyle"
适用表格插件:Element、vxe-table
注:本文以vxe-table表格插件示例,Element表格同理
示例:给动态表格第2行、第3行、第5行字体加粗
<vxe-table v-else border stripe :data="dataSource" :cell-style="cellStyle" >
<vxe-table-column v-for="item in tableColumn" :field="item" :title="item">
</vxe-table-column>
</vxe-table>
methods:{
cellStyle(row,column,rowIndex,columnIndex){
console.log(row,column,rowIndex,columnIndex)
if (row.seq == '10' ||row.seq == '11'|| row.seq == '13') {
return `font-weight:bolder!important;`;
} else {
return ''
}
}
}