vue 根据字段状态表格按行展示不同颜色
vue 根据字段状态表格按行展示不同颜色为实现根据某字段不同状态,表格按行展示不同颜色,主要包含如下部分:<el-table :data="allData" :show-header="false" @selection-change="selsChange" style="width: 100%;...
·
vue 根据字段状态表格按行展示不同颜色
为实现根据某字段不同状态,表格按行展示不同颜色,主要包含如下部分:
<el-table :data="allData" :show-header="false" @selection-change="selsChange" style="width: 100%;" :row-class-name="status_change">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column type="index" width="60">
</el-table-column>
<el-table-column prop="Name" label="姓名"></el-table-column>
</el-table>
js:
status_change: function (row) {
if (row.row.aStatus === 0) {
return 'table-info-row'
}
}
css:
.table-info-row td {
color: #5daf34;
}
还可实现按列、按单元格展示不同颜色,可继续参考如下博文: https://blog.csdn.net/yang__k/article/details/81942548
更多推荐
已为社区贡献3条内容
所有评论(0)