Ant Design Vue (2) table更改某行数据的字体颜色
antd design vue 中table更改某行数据的字体颜色
·
改变table表格某行的字体颜色需要增加rowClassName属性。
代码如下:
<a-table
ref="table"
size="small"
bordered
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:scroll="scrollTable"
:rowClassName="tableRowClass"
@change="handleTableChange"
></a-table>
js如下:
tableRowClass(record,index){
if(this.defaultTable != "household_evaluative"){
if(record.householdStatus != 2 && this.numType == 1 && record.householdStatus != 7){
return "rowClass";
}
}
return "";
}
css如下:
.rowClass{
color : #1890ff
}
效果图如下:
更多推荐
已为社区贡献3条内容
所有评论(0)