当前位置: 首页 > 知识库问答 >
问题:

javascript - el-table,如何修改合并行hover样式和逻辑?

陈淳
2023-11-01

在线demo:
https://codesandbox.io/s/el-table-he-bing-xing-de-hover-wen-t...

效果1:鼠标悬停在第一行的时候,跟悬停第二行一样,只高亮右侧(或者每一行都高亮合并行)
image.png
image.png

效果2:鼠标悬停在合并行的时候,触发所有行的高亮
image.png

共有2个答案

饶铭
2023-11-01

table嵌套table

施驰
2023-11-01

这个问题饿了么官方就有, 可以尝试使用其他的表格组件比如:

https://vxetable.cn/v4/#/table/base/highlight

或者:

https://www.visactor.io/vtable/demo/basic-functionality/merge
 类似资料:
  • antd的select组件,高度是32,没有圆角。 ui说需要改成 高度28,圆角5px。 要怎么改全局都生效?

  • 描述 (Description) Foundation允许您通过添加.hover类将鼠标悬停在表行上。 例子 (Example) 以下示例演示了在基础中使用hover table - <!doctype html> <head> <meta charset = "utf-8" /> <meta http-equiv = "x-ua-compatible" conten

  • Based on the Column Hover plugin adding support for row highlighting and fixing the current highlight when clicking inside a cell.

  • 我只想要这样的界面,想找到代码自己照着写一个页面,只有图表。

  • 问题描述 列表数据不是后台接口,而是通过搜索渲染出数据,然后在列表回显,现在的操作是修改了列表的状态,提交了是调接口,页面也已经展示修改成的状态》现在通过筛选后,列表的状态还是修改前的状态,,大佬们 这个弄咧 如图所示 比如说样品分析修改成测试1,通过类型去筛选后点击确定,页面是测试1展示,而不是样品分析

  • 数据结构如下 tabledata: [ 效果图 能否实现这样的效果呢