1. 程式人生 > >iview表格單獨一行新增樣式

iview表格單獨一行新增樣式

1 給Table新增屬性

<div>
    <Table :row-class-name border highlight-row :columns="columns1" :data="data1"></Table>
</div>

2 在methods裡面新增函式

rowClassName (row, index) {
   if (index === 1 ||row...=='') {
        return 'demo-table-error-row'
    }
    return ''
 }

3 新增樣式(注意其他樣式裡面的樣式的優先級別)

.ivu-table .demo-table-error-row td{
    background-color: red;
    color: #333;
}