[Descriptions] support evenly distribute multiple items in a row

[zhangpaopao0609]

table layout

Currently, the layout of Descriptions is automatic, similar to an element box. Its width is determined by its content, and we cannot control it. For example, we cannot evenly distribute multiple items in a row. Therefore, we need to support this feature.

The table layout has two modes:

1. Auto
2. Fixed

Reference

• https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout
• https://tdesign.woa.com/vue-next/components/table?tab=api

solution

we need add one api for this feature.

• tableLayout: as same as the table component

To be discussed

• the name of API
• If the user sets the layout to fixed, do we need to handle the content accordingly. For example: text truncation or ellipsis for overflowing content.
• the default value?

my opinion

• No processing, the user handles it by himself, and if necessary, it can be added later
• fixed by default, which is more suitable for the scenario of this component

[github-actions]

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