Element-UI table选中、el-table 行选中、表格选中某行
发布于 7 个月前 作者 9527 1483 次浏览 来自 分享

el-table 选中某行

el-table 添加 row-class-name

<el-table 
	:row-class-name="tableRowClassName">
</el-table>

然后添加 tableRowClassName 方法

export default {
   tableRowClassName ({ row, rowIndex }) {
      if (row.isDelete) {
	   // 符合每个条件,给当前行添加样式class
        return 'warning-row-bg'
      } else {
        return ''
      }
    }
}

给样式添加入侵 /deep/ 是 scss 样式入侵的

<style scoped lang="scss">
   /deep/ .warning-row-bg {
      background-color: #F5F7FA !important;
    }
</style>
回到顶部