vxe-table 异常数据整行标红

最新推荐文章于 2024-10-09 10:13:02 发布

Y、seventeen

最新推荐文章于 2024-10-09 10:13:02 发布

阅读量868

点赞数

分类专栏： vxe-table 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_43303420/article/details/122575866

版权

vxe-table 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<vxe-grid
          height="400"
          ref="xGrid"
          border="default"
          :loading="xGridLoading"
          highlight-current-row
          highlight-hover-row
          :data="tableData"
          :columns="tableColumn"
          :edit-rules="editRules"
          :row-class-name="rowClassName" // 这句是关键
          class="mytable-style ml20"
          show-header-overflow
          resizable>

      </vxe-grid>



methods: {
    rowClassName({row}) {
      if (row.exRemark) return 'row-red';
      return "";
    },
}


.mytable-style .vxe-body--row.row-red {
  background-color:#FF333324 ;
}