tusen-ai / naive-ui

A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.

Home Page:https://www.naiveui.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

datatable使用max-height时, 调节列宽无法看到横向滚动条

onlyJinx opened this issue · comments

描述错误

在拖拽列宽的演示代码里添加max-height属性,就会出现拖拽列宽是没有滚动条出现导致后面的列无法显示

no
yes

复现步骤

列宽拖拽的代码里添加一个max-height属性就可以复现

最小复现链接

https://codesandbox.io/p/sandbox/still-currying-2mzd95

系统信息

chrome

使用的包管理器

npm

验证

应该是个 bug,可以设置下 scroll-x

应该是个 bug,可以设置下 scroll-x

scroll-x这个也有想过,但是我们怎么获取调整后的列宽呢? 还有一种情况就是你前面那一列resize后后面的会出现被挤压变小, 这部分也要去计算出来, 所以我现在不知道如何通过获取这些数据然后动态赋值给scroll-x

应该是个 bug,可以设置下 scroll-x

scroll-x这个也有想过,但是我们怎么获取调整后的列宽呢? 还有一种情况就是你前面那一列resize后后面的会出现被挤压变小, 这部分也要去计算出来, 所以我现在不知道如何通过获取这些数据然后动态赋值给scroll-x

要是拖拽后的总列宽超了 scroll-x,确实还是存在问题;
问题应该出在这,要是 xScrollable 能被覆盖直接设为 true 就可以解决了

image