element-plus icon indicating copy to clipboard operation
element-plus copied to clipboard

[Component] [table] el-table 多选children 勾选子级 父级选中样式不能正确展示

Open hugselina2019 opened this issue 2 years ago • 7 comments

Bug Type: Component

Environment

  • Vue Version: 3.2.38
  • Element Plus Version: 2.2.21
  • Browser / OS: chrome 107.0.5304.88 / win11
  • Build Tool: Vite

Reproduction

Related Component

  • el-table

Reproduction Link

Element Plus Playground

Steps to reproduce

使用 el-table-column type="selection" 设置 row-key, tableData包含子集children, 勾选子集的checkbox 父级无法正确展示。 测试后发现 只有tableData的第一级数据可以与table-header的checkbox正确联动。 子集children勾选与父级无联动

What is Expected?

children正确联动

What is actually happening?

无法联动

Additional comments

填完 Element Plus Playground 一直提示链接to long ... 挺无语的 只能把复现步骤缩减了

328de9115b2d7e89d310875370b3497 期待可以像最外层一样 选中子集可以父级改变checkbox为未全选,如下图:

image

hugselina2019 avatar Nov 18 '22 08:11 hugselina2019

每一条数据应该是相互独立的内容,为什么需要保持联动?

tolking avatar Nov 19 '22 00:11 tolking

每一条数据应该是相互独立的内容,为什么需要保持联动?

大佬可能没理解的我意思,现在的表现形式 我勾选第一级的checkbox table-header上的全选框可以正确联动。 但是我勾选第二级的checkbox 第一级对应的父box不能正确联动啊。 他们是父子的关系, 联动表现应该与第一层级相同吧? 另外这是产品的要求。。。

hugselina2019 avatar Nov 22 '22 08:11 hugselina2019

要实现这种功能可能需要增加一个配置,类似 Cascader 中的 props.checkStrictly 属性。

tolking avatar Nov 22 '22 14:11 tolking

我正也需要这么一个功能。请问有对应的计划开发吗? @tolking

lin-shaojie avatar Aug 11 '23 03:08 lin-shaojie

啥时候能合并进去啊...着急得很...

cn-troy avatar Nov 27 '23 08:11 cn-troy

Table的审核可能会很慢。如果急需可以考虑本地构建使用

tolking avatar Nov 30 '23 14:11 tolking

都已经2024年了,这个功能还没被合并

nineaiyu avatar Feb 04 '24 01:02 nineaiyu