Tencent / tdesign-vue-next

A Vue3.x UI components lib for TDesign.
https://tdesign.tencent.com/vue-next
MIT License
1.44k stars 463 forks source link

t-table 合并单元格时rowspan大于等于3时表格错乱 #4090

Open haojiakui opened 6 months ago

haojiakui commented 6 months ago

tdesign-vue-next 版本

1.7.1

重现链接

https://codepen.io/jk-hao/pen/vYMjpPO

重现步骤

// 合并单元格后,页面会显示错乱 const rowspanAndColspan = ({ col, rowIndex, colIndex }) => { if (colIndex === 0 && rowIndex % 2 === 0) { return { rowspan: 3, //到这里页面就会混乱,但是小于3就没有问题 }; }

};

期望结果

修复错误

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

16.1.0

补充说明

No response

github-actions[bot] commented 6 months ago

👋 @haojiakui,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

haojiakui commented 6 months ago

image

haojiakui commented 6 months ago

另外,我在异步获取到表格数据后,想要重新渲染表格使用了 tableRef.value.refreshTable(),但是并没有效果,页面依旧是混乱状态

haojiakui commented 6 months ago

具体业务产生的问题请参见:https://codepen.io/jk-hao/pen/bGJMLNo

liu-yuren commented 6 months ago

按照官网提供的例子,我也遇到了这个问题。然后我在网上找的el-table合并单元格的方法,也适用t-table解决的

haojiakui commented 6 months ago

请问下有没有合并的链接啊

---原始邮件--- 发件人: @.> 发送时间: 2024年4月11日(周四) 下午5:45 收件人: @.>; 抄送: @.**@.>; 主题: Re: [Tencent/tdesign-vue-next] t-table 合并单元格时rowspan大于等于3时表格错乱 (Issue #4090)

按照官网提供的例子,我也遇到了这个问题。然后我在网上找的el-table合并单元格的方法,也适用t-table解决的

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>

liu-yuren commented 6 months ago

https://www.jb51.net/javascript/292180wz4.htm 我按照这个网址提供的方法解决啦