element 表格el-table的 :cell-style用法-表格固定行文字高亮

本文主要是介绍element 表格el-table的 :cell-style用法-表格固定行文字高亮，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

el-table的 :cell-style用法
实现表格固定行文字高亮效果

  <el-tableref="table"borderstripe:data="list":height="height"highlight-current-row:cell-style="cellStyle"><el-table-columnprop="code"label="规则编码":min-width="120"show-overflow-tooltip><template slot-scope="{ row }"><el-popoverv-show="row.error"placement="top"trigger="hover"content="规则异常"><i slot="reference" class="remark-icon el-icon-warning-outline" /></el-popover>{{ row.code}}</template></el-table-column></el-table>

    cellStyle({ rowIndex }) {const rowsToHighlight = []this.list.forEach((item, index) => {if (item.error) {rowsToHighlight.push(index)}})if (rowsToHighlight.includes(rowIndex)) {return 'color: #F59A23;'}return ''},

这篇关于element 表格el-table的 :cell-style用法-表格固定行文字高亮的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---