Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

n-data-table组件中的列宽拖拽resizable #6693

Open
5 tasks done
Adonis-wk opened this issue Jan 8, 2025 · 0 comments
Open
5 tasks done

n-data-table组件中的列宽拖拽resizable #6693

Adonis-wk opened this issue Jan 8, 2025 · 0 comments
Labels
untriaged need to sort

Comments

@Adonis-wk
Copy link

描述错误

场景:n-data-table组件中设置右侧固定列后,
问题:在固定列上设置resizable=true;然后调整列宽变小,会把下面没有固定的表格字段显示出来;
原因:简单看了下原因,因为是因为咱们固定列使用的是单个列的position: sticky;所以当单独把这个列的宽度缩小后就会漏出下面的字段;
建议:是不是可以把固定列外面统一套一个div呢,这样是不是就不会漏底了

复现步骤

1、n-data-table组件中设置3个右侧固定列
2、在固定列上设置resizable=true;然后调整最后一个列宽变小到最小,不要设置最小宽度
3、这时会发现会把下面的未设置的固定列显露出来

最小复现链接

这个就没必要搞个链接了吧很简单就能浮现

系统信息

npx envinfo --system --npmPackages 'naive-ui,vue' --binaries --browsers

使用的包管理器

npm

验证

@Adonis-wk Adonis-wk added the untriaged need to sort label Jan 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
untriaged need to sort
Projects
None yet
Development

No branches or pull requests

1 participant