<el-table
height="73vh"
v-loading="loading"
:row-class-name="tableRowClassName"
:data="monitorUnitSiteInfoList"
@row-click="clickRow"
>
<el-table-column type="index" width="55" align="center" label="序号" />
<el-table-column label="站点名称" align="center" prop="stName" />
</el-table>
function tableRowClassName({ row, rowIndex }) {
if (row.id == getrow.value.id) {
return 'success-row';
}
}
function clickRow(row) {
getrow.value = row;
Getecharts();
}
::v-deep .el-table .success-row {
background: #daebf5 !important;
}
el-table单击行给指定颜色
最新推荐文章于 2024-11-08 18:05:57 发布