开发指南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;

}

也是折腾了很多写法。

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

相关推荐
小李子呢021110 分钟前
前端八股JS---Map / Set / WeakMap / WeakSet
开发语言·前端·javascript
冴羽18 分钟前
3 招让你的 Shadcn 出海应用性能提升 40 倍
前端·javascript·next.js
Hello--_--World2 小时前
Vue:虚拟Dom
前端·javascript·vue.js
bluetata3 小时前
AI 浪潮与破局:TypeScript 生态实战,让 AI 为你所用
javascript·人工智能·typescript
布局呆星3 小时前
Vue Router 核心知识点梳理
前端·javascript·vue.js
JiaWen技术圈3 小时前
增量静态再生(ISR)详解:Next.js 中的实现与应用
javascript·git·ubuntu
张元清3 小时前
React 中的语音与摄像头输入:语音识别、媒体设备与权限
前端·javascript·面试
01漫游者3 小时前
JavaScript继承深度解析
开发语言·javascript·ecmascript
卤蛋fg64 小时前
vue甘特图vxe-gantt如何实现拖拽任务条时如有已关联依赖线,同时更新依赖任务的日期的方式
vue.js
前端那点事4 小时前
Vite4.x+打包优化实战指南(无冗余):从体积到速度,一文吃透所有技巧
前端·vue.js