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

}

也是折腾了很多写法。

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

相关推荐
FogLetter3 分钟前
图片懒加载:让网页飞起来的魔法技巧 ✨
前端·javascript·css
拾光拾趣录6 分钟前
JavaScript 加载对浏览器渲染的影响
前端·javascript·浏览器
木头没有瓜1 小时前
vscode离线安装插件
ide·vue.js·vscode
浪裡遊2 小时前
Sass详解:功能特性、常用方法与最佳实践
开发语言·前端·javascript·css·vue.js·rust·sass
夏梦春蝉3 小时前
ES6从入门到精通:常用知识点
前端·javascript·es6
我想说一句3 小时前
当饼干遇上代码:一场HTTP与Cookie的奇幻漂流 🍪🌊
前端·javascript
markyankee1014 小时前
使用 Vue 脚手架创建项目的完整指南
vue.js
南屿im4 小时前
基于 Promise 封装 Ajax 请求:从 XMLHttpRequest 到现代化异步处理
前端·javascript
青松学前端4 小时前
vue-2.7源码解读之初始化流程和响应式实现
前端·vue.js·前端框架
杨进军4 小时前
前端线上问题的那些事儿
前端·javascript·前端框架