解决element-ui中table表格row-style改变当前行样式失效问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决element-ui中table表格row-style改变当前行样式失效问题相关的知识,希望对你有一定的参考价值。

参考技术A 最近在使用vue+element-ui开发中遇到需要改变当前行样式的需求,于是就是用官方文档里边的 row-style ,发现不生效,于是就折腾了半天,才发现是要返回object,记录下来,方便自己学习。

无论做什么都要细心,这件事要告诉我,要仔细阅读文档。

element-ui 中表格嵌套表单 如何给table表头添加必填*星号

技术图片

问题:

如上图所示,针对表头星号,我起初的想法是,通过给表单添加必填校验,表格表头就会自动带上星号,可是实际情况并不像理想中的那么好,并达到预计的效果,(如有朋友使用表单校验实现此效果,可以分享以下 ,嘿嘿)接下来我们来看一看具体如何解决。

 

解决办法:

由于代码过多,因此以下只给出了部分代码。

给表格添加自定义表头,如下图框选部分,样式可根据自己的场景进行修改。

技术图片

技术图片

 

 

 

 

如果你还有其他更方便的方法,可以在下方进行评论,欢迎大家进行留言!!!

 

以上是关于解决element-ui中table表格row-style改变当前行样式失效问题的主要内容,如果未能解决你的问题,请参考以下文章

Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路

解决element-ui中table表格row-style改变当前行样式失效问题

element-ui 中表格嵌套表单 如何给table表头添加必填*星号

element-ui 中表格嵌套表单 如何给table表头添加必填*星号

解决element-ui table expend扩展里边需要请求表格数据第一次不渲染的问题

VUE之Element-ui的Table表格不能自适应