当前位置: 首页 > article >正文

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

}

也是折腾了很多写法。

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

http://www.lryc.cn/news/2397404.html

相关文章:

  • 数字化转型全场景安全解析:从产品到管理的防线构建与实施要点
  • AIGC工具平台-GPT-SoVITS-v4-TTS音频推理克隆
  • el-table配置表头固定而且高度变化
  • 设计模式——组合设计模式(结构型)
  • PostgreSQL 在生物信息学中的应用
  • EMO2:基于末端执行器引导的音频驱动虚拟形象视频生成
  • 计算机总线技术深度解析:从系统架构到前沿演进
  • Python打卡训练营Day43
  • PHP7+MySQL5.6 查立得轻量级公交查询系统
  • 如何做好一个决策:基于 Excel的决策树+敏感性分析应用(针对多个变量)
  • Azure DevOps 管道部署系列之一本地服务器
  • DeepSeekMath:突破开放式语言模型中数学推理能力的极限
  • QT 5.15.2 程序中文乱码
  • Celery简介
  • StarRocks物化视图
  • vue2源码解析——响应式原理
  • 基于 GitLab CI + Inno Setup 实现 Windows 程序自动化打包发布方案
  • 做好 4个基本动作,拦住性能优化改坏原功能的bug
  • 【HarmonyOS 5】针对 Harmony-Cordova 性能优化,涵盖原生插件开发、线程管理和资源加载等关键场景
  • 零基础认知企业级数据分析平台如何落实数据建模(GAI)
  • web架构2------(nginx多站点配置,include配置文件,日志,basic认证,ssl认证)
  • AI 的早期萌芽?用 Swift 演绎约翰·康威的「生命游戏」
  • 【DBA】MySQL经典250题,改自OCP英文题库中文版(2025完整版)
  • Cursor 编辑器介绍:专为程序员打造的 AI 编程 IDE
  • go|channel源码分析
  • 【大模型学习】项目练习:视频文本生成器
  • 【Rust】Rust获取命令行参数以及IO操作
  • 【Redis】Zset 有序集合
  • manus对比ChatGPT-Deep reaserch进行研究类论文数据分析!谁更胜一筹?
  • 【 HarmonyOS 5 入门系列 】鸿蒙HarmonyOS示例项目讲解