关于Vue中使用Element-UI样式row-class-name失效的问题

问题描述

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样式才能生效。


ycyin大约 2 分钟前端技术Element-UIel-table
Element-UI中实现可动态增加行列和可编辑单元格的表格

前言

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

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


ycyin大约 5 分钟前端技术VueAHPElement-UIel-table动态表格