Skip to content
New issue

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

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

Already on GitHub? # 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
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants