如何给若依框架页面列表增加偶数行换色

★废材不柴�

已于 2024-07-30 17:39:33 修改

阅读量376

点赞数 6

文章标签： vue.js javascript elementui

于 2024-07-30 17:35:20 首次发布

本文链接：https://blog.csdn.net/qq_69816306/article/details/140802306

版权

1.在<el-table>标签里加入:row-class-name="tableRowClassName"

最后成这样就可以了
<el-table 
v-loading="loading"  //加载开关
:data="dataList"  //数据
@selection-change="handleSelectionChange" //多选
:header-cell-style="{background: '#cde9ff'}" //鼠标放上面变色
:row-class-name="tableRowClassName"//偶数行换色函数

2.然后在methods：{}里写一个遇到偶数变色的函数

代码自取：
tableRowClassName({row, rowIndex}) {
  if (rowIndex % 2 == 1) {
    return 'success-row';
  }
  return '';
},