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

[Table] 新增表格内容的对齐方式 #2555

Closed
zyqq opened this issue Jul 3, 2023 · 3 comments
Closed

[Table] 新增表格内容的对齐方式 #2555

zyqq opened this issue Jul 3, 2023 · 3 comments
Assignees

Comments

@zyqq
Copy link

zyqq commented Jul 3, 2023

这个功能解决了什么问题

image 没有针对某一列的内容设置对齐方式

你建议的方案是什么

image 参照elementui的设计,在column配置中align为对列内容横向对齐方式的配置,header-align为对列表头的对齐方式配置
@github-actions
Copy link
Contributor

github-actions bot commented Jul 3, 2023

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

@github-actions
Copy link
Contributor

github-actions bot commented Jul 3, 2023

♥️ 有劳 @chaishi @nined9 @yanxugong @chuyueZhang 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @zyqq

@chaishi
Copy link
Collaborator

chaishi commented Jul 22, 2023

看上去 TDesign 的截图是,自定义列配置场景的图。而期望和 ElementUI 的截图内容是指纵向对齐方式。

由于表格基本设计规范为:数字右对齐、文本左对齐,表头随内容对齐。故而 align 和 header-align 不同是不符合规范的。暂不支持。(当内容多的时候,如果内容左对齐,表头右对齐,看起来就是完全没有对齐)

如果希望表头有单独的对齐方式,一定要做不符合一般设计规范的样式。请通过类名使用 CSS 直接设置样式。每一个表头都有属于自己的类名,实现简单。示例代码:.t-table th.t-table__th-status { text-align: left }
image

@chaishi chaishi closed this as completed Jul 22, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants