Element table 斑马线设置

Element 斑马线是 stripe 属性,自定义斑马线是 row-class-name,通过自定义属性实现个性斑马线如下

//CSS 样式添加

.el-table .warning-row{
	  background:#F3F9FF
}

//HTML table标签添加属性
<el-table :data="tableData"  :row-class-name="tabRowClassName">
</el-table>

//在methods总通过方法计算返回对应class样式

tabRowClassName({row,rowIndex}){
    let index = rowIndex + 1;
	if(index %2 == 0){
	    return 'warning-row'
	}
}
发布了60 篇原创文章 · 获赞 33 · 访问量 9万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览