2022-06-14 iview 修改table行样式

前言:一定要跟着官方文档走,否者硬邦邦地去修改全局样式显然是有些不太优雅。

我要修改的是表格行的背景颜色,直接上代码:

在table里面加上一行控制行样式的代码(注意一定要用变量,我尝试过使用写死的样式名是没有效果的,反而会显示异常):

:row-class-name="rowClassName"

在methods里面加上样式名称(注意:这个方法的可以对行来进行规则计算,从而实现指哪打哪的样式渲染):

rowClassName() {
return "demo-table-error-row";
},

样式部分(注意:样式文件不要带有scoped属性,否者不能生效):

<style>
.demo-table-error-row td {
  background-color: #f2f2f2 !important;
}
</style>

 

posted @ 2022-06-14 15:35  叶乘风  阅读(406)  评论(0编辑  收藏  举报