el-table实现斑马纹简单否,看起来很简单,网上给的例子都是加stripe,例如
<el-table :data="tableData" stripe>连官网上的例子都是这样。然并卵。也许是版本问题。这么写,怎么折腾都没有效果。
必须这样写才行
<el-table :data="tableData" :stripe="true">
自定义样式如下:
.el-table__body tr:nth-child(even) > td{
background-color: #f2f2f2 !important;
}
也是折腾了很多写法,网上给的大部分不起作用,也不知道写的人自己试过没有。很多文章都是“扛锄”来的。
鼠标滑过着重显示:
.el-table tbody tr:hover > td {
background:#D9E1E6 !important;
}
也是折腾了很多写法。
我不知道写的是否是官方写法,是否放之四海而皆准。反正在我的环境里确实有效。