search

DouyinFE / semi-design

🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻‍💻 Design to Code in one click
https://semi.design
Other
8.37k stars 707 forks source link

[Table] 虚拟化表格能不能只设置高度即可 #2268

Open xmsz-stu opened 4 months ago

xmsz-stu commented 4 months ago

Which Component Need Enhancement 期望新增功能的组件

现在开启虚拟化滚动，就必须设置style.width,x,y y好理解就是高度

x或者style.width就比较蛋疼，因为我们很多场景下宽度都是不固定的，我们就得自己每次获取一次父级的宽度然后赋值，很麻烦

Feature Description 功能描述

  1. 希望只设置y就好，其他自己计算

Additional information 补充说明

shijiatongxue commented 4 months ago

scroll.x 没有必传。 style.width 看起来不传也没事，你有遇见啥问题吗。

xmsz-stu commented 4 months ago

scroll.x 没有必传。 style.width 看起来不传也没事，你有遇见啥问题吗。

不传style.width,只传x

底部会出现滚动条

image

如果都不传，好像也没问题，但是头部会有空白，因为头部也是overflow-y: auto

image

我手动覆盖以后

.semi-table-header-overflow-y-hidden {
  .semi-table-header {
    overflow-y: hidden !important;
  }
}

底下的滚动条又出现了