naive-ui icon indicating copy to clipboard operation
naive-ui copied to clipboard

data table 中当 renderExpand 返回 undefined 时,展开后会出现空白块

Open atAurora opened this issue 2 years ago • 5 comments

TuSimple/naive-ui version (版本)

2.31.0

Vue version (Vue 版本)

3.2.13

Browser and its version (浏览器及其版本)

Chrome(103.0.5060.114)

System and its version (系统及其版本)

MacOS(11.6)

Node version (Node 版本)

Reappearance link (重现链接)

https://github.com/atAurora/naive-ui-datatable-bug

Reappearance steps (重现步骤)

打开项目,点击 data table 的展开按钮

Expected results (期望的结果)

renderExpand 并没有返回任何内容,展开后应该不渲染任何内容

Actual results (实际的结果)

展开后渲染空白块

Remarks (补充说明)

screenshot-20220728-142103

atAurora avatar Jul 28 '22 06:07 atAurora

你需要用 expandable 控制行是否可展开

07akioni avatar Jul 30 '22 15:07 07akioni

比如以下场景: 展开后的内容仍然是一个 data table,data table 里面的数据可删除 expandable 当 展开的 data table 中没有数据的时候不显示 当把 data table 中的数据全部删除,展开按钮消失,此时最后的状态是展开的,就会有上述空白 expandable确实可以控制行是否展开,那么当expandable消失的时候,是不是下面可展开的内容也随之消失呢? @07akioni

atAurora avatar Aug 01 '22 04:08 atAurora

data table,data table 里面的数据可删除 expandable 当 展开的 data table 中没有数据的时候不显示 当把 data table 中的数据全部删除,展开按钮消失,此时最后的状态是展开的,就会有上述空白 expandable确实可以控制

按照预期是会的

07akioni avatar Aug 02 '22 16:08 07akioni

data table,data table 里面的数据可删除 expandable 当 展开的 data table 中没有数据的时候不显示 当把 data table 中的数据全部删除,展开按钮消失,此时最后的状态是展开的,就会有上述空白 expandable确实可以控制

按照预期是会的

但是实际上下面可展开的内容并不会随之消失,上述场景下,当expandable消失的时候,下面可展开的内容依然会保持展开状态,此时渲染的就是renderExpand返回的内容,如果返回的是undefined,那么就会如Remarks (补充说明)中图片上那样,渲染一个空白块 @07akioni

atAurora avatar Aug 03 '22 01:08 atAurora

bug-naive-ui 图片渲染结果来自https://github.com/atAurora/naive-ui-datatable-bug @07akioni

atAurora avatar Aug 03 '22 11:08 atAurora