Clarity Design Datagrid如何改变列宽

Question

我想手动设置列（头部和主体）大小（宽度、高度）。 我厌倦了设置样式但没有工作，并找到所有未找到的文档。

DataGrid 组件

DataGrid 设置宽度大小不起作用

Answer 1

设置列宽：

<clr-dg-column [style.width.px]=“200”>my column</clr-dg-column>

这还将设置所有列单元格的宽度。

要控制高度和宽度，您可以将数据网格放入具有集合 height/width 的容器中。

Answer 2

在我厌倦了在模板上设置样式后(html) 我的专栏

我在使用 follow Server Driven(https://clarity.design/documentation/datagrid/server-driven)

时遇到其他问题

下次分页时，根据数据调整每列长度，我发现有重叠列

Data overlap column

并且在绑定长数据时我发现 header 单独的列不正确

header wrong separate column

我认为我的解决方案必须循环查找最长长度和设置样式宽度并将逻辑写入打字稿。

有什么简单的解决方法请给我建议。