需求:动态表格指定行加样式

解决方法::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 ''
            }
    }
}

 

Logo

前往低代码交流专区

更多推荐