Tencent / tdesign-vue-next

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

[Table] height 100% 很多问题 #4307

Open Jiachang-Cai opened 2 weeks ago

Jiachang-Cai commented 2 weeks ago

tdesign-vue-next 版本

1.9.6

重现链接

https://stackblitz.com/run?file=package.json,src%2Fdemo.vue

重现步骤

  1. height属性%值不生效 image
  2. height 和 bordered 属性配合 最后一行的border 异常 image
  3. 手动设置外层style height %值 empty 插槽的高度没有变;主要还是要解决%属性值没有生效的问题 image
  4. 还有就是和pagination一起使用的height 考虑下分页的高度?

期望结果

不要有问题 参考element table height 重现链接随便填的打不开官网的测试链接

实际结果

有问题

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

github-actions[bot] commented 2 weeks ago

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

xiaojueshi commented 5 days ago

建议是用 table props 的 height 或 maxHeight 属性。

image