对表格的行和列以及任意单元格进行状态判断,根据不同状态显示不同颜色

1.對行進行判斷渲染 

<i-table :columns="columns2"  :data="data2" class="table1" :row-class-name="status_change"></i-table>

js:

 // 狀態
            status_change:function (row) {
               if(row.allow==1){
                   return 'demo-table-info-row';
               }
            },

css:

.demo-table-info-row td{
  color: #2d8cf0;
}

运行结果:

2.對列進行渲染:

js:

columns1:[
{
    title: 'Age',
    key: 'age',
    className: 'demo-table-column'
}
]

css: