tdesign-vue-next icon indicating copy to clipboard operation
tdesign-vue-next copied to clipboard

Published 20 hours ago • verified publisher icon Tencent

[table] 如何固定某一列的宽度

Open Katarina-W opened this issue 1 year ago • 4 comments

tdesign-vue-next 版本

latest

重现链接

No response

重现步骤

拉伸table, 使其超出所有列设定的宽度

期望结果

最后一列始终固定为设置的宽度

实际结果

跟随其他列一起分配多余宽度

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

Katarina-W avatar Aug 15 '24 06:08 Katarina-W

👋 @Katarina-W，感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

github-actions[bot] avatar Aug 15 '24 06:08 github-actions[bot]

是指配置resizable拉伸还是因为所在容器宽度拉伸？

uyarn avatar Aug 16 '24 12:08 uyarn

是指配置resizable拉伸还是因为所在容器宽度拉伸？

配置了列控制器，隐藏部分列之后，最后一列的操作栏会变宽，我希望它固定宽度不变

ghost avatar Aug 19 '24 06:08 ghost

是指配置resizable拉伸还是因为所在容器宽度拉伸？

这是我写的示例, 无论我怎么设置, 最右侧操作栏都会被拉伸

https://stackblitz.com/edit/5xetpr?file=src%2Fdemo.vue

ghost avatar Aug 21 '24 06:08 ghost

尝试添加 table-layout="fixed" 呢 见 固定表头/固定行的表格

RSS1102 avatar Sep 09 '24 10:09 RSS1102