问题描述

Vue项目中，需要给el-table表格中的每一行加入自定义的样式，根据文档给组件加上row-class-name属性即可，直接加入该属性并且在当前Vue组件中配置对应class的样式发现并没有生效。官方文档地址： https://element.eleme.cn/#/zh-CN/component/table

在Element-UI中，row-class-name、row-style、cell-class-name等属性设置的css样式必须使用全局style样式才能生效。

前言

基本需求场景：使用层次分析法（AHP）时，需要前端实现一个可动态添加表格行列、且单元格可编辑的表格。关于层次分析法可查看另一篇博客：层次分析法（AHP）分析步骤与计算方法

使用到的技术主要是vue和element-ui，element-ui官方文档：https://element.eleme.cn/#/zh-CN/component/table 中el-table组件不支持动态增加列，增加行则可以通过增加数据行实现，并且并不支持单元格的编辑，唯一可用到的就是可以监听单元格的双击/单击事件。