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

DataTable组件ellipsis属性lineClamp未实装 #1891

Closed
gnefuyz opened this issue Dec 18, 2021 · 0 comments
Closed

DataTable组件ellipsis属性lineClamp未实装 #1891

gnefuyz opened this issue Dec 18, 2021 · 0 comments
Labels
bug Something isn't working

Comments

@gnefuyz
Copy link

gnefuyz commented Dec 18, 2021

TuSimple/naive-ui version (版本)

2.23.0

Vue version (Vue 版本)

3.2.26

Browser and its version (浏览器及其版本)

Chrome(94.0.4606.81)

System and its version (系统及其版本)

Window 10(19042.1415)

Node version (Node 版本)

6.14.15

Reappearance link (重现链接)

https://codesandbox.io/s/patient-firefly-5dkgt?file=/src/App.vue

Reappearance steps (重现步骤)

设置DataTable columns子元素的ellipsis.lineClamp无效

Expected results (期望的结果)

能够在tooltip为true和false的情况下设置lineClamp属性都能够生效.希望tooltip的宽度以视窗宽度为标准展示.

Actual results (实际的结果)

DataTableCell在Render内判断Ellipsis的渲染忽略了ellipsis.tooltip为false的情况,并且Ellipsis的props未传入expandTrigger和lineClamp。并且表格出现横向滑动条时,tooltip的提示框宽度会以表格宽度为标准,展示超出窗口,无法完整浏览信息。

Remarks (补充说明)

代码截图:https://yufeng-ms-test.oss-cn-guangzhou.aliyuncs.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20211218174215.png

@github-actions github-actions bot added the untriaged need to sort label Dec 18, 2021
@07akioni 07akioni added bug Something isn't working and removed untriaged need to sort labels Dec 19, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants