开发指南120-表格(el-table)斑马纹

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;

}

也是折腾了很多写法。

我不知道写的是否是官方写法,是否放之四海而皆准。反正在我的环境里确实有效。

相关推荐
kyriewen3 小时前
同事每天催我 Code Review,我写了个脚本让 AI 替我 review PR——现在他反过来催 AI 了
前端·javascript·ai编程
weedsfly6 小时前
迭代器、生成器与异步迭代——让数据“按需流动”的艺术
前端·javascript
假如让我当三天老蒯6 小时前
前端跨域解决方案(学习用)
前端·javascript·面试
铁皮饭盒8 小时前
Bun 哪比 Node.js 快?
javascript·后端
JieE21215 小时前
LeetCode 56. 合并区间|超清晰 JS 图解思路,面试高频区间题
javascript·算法·面试
candyTong18 小时前
RTK 技术原理:一次典型会话里,80% 上下文是怎么省下来的
javascript·后端·架构
_柳青杨1 天前
深入理解 JavaScript 事件循环
前端·javascript
大家的林语冰1 天前
ES5 凉凉,Babel 8 正式发布,默认不再编译为 ES5 和 CJS......
前端·javascript·前端工程化
weedsfly1 天前
异步编程全景与事件循环——彻底搞懂 JS 执行机制
前端·javascript
用户1733598075371 天前
纯前端 PDF 数字签名实战:Vue 3 + pdf-lib 在浏览器里完成签名嵌入
前端·javascript