Clarity Design Datagrid如何更改列宽

时间:2019-03-06 04:08:38

标签: css angular styles vmware-clarity

我想手动设置列(头和身体)的大小(宽度,高度)。 我厌倦了设置样式,但无法正常工作,并找到了所有与此相关的文档。

DataGrid组件

enter image description here

DataGrid设置宽度大小不起作用

enter image description here

2 个答案:

答案 0 :(得分:0)

设置列宽:

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

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

要控制高度和宽度,您可以将数据网格放入具有设置的高度/宽度的容器中。

答案 1 :(得分:0)

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

在使用Follow Server Driven(https://clarity.design/documentation/datagrid/server-driven)时我还有其他问题

下一次插入时,根据我发现的数据调整的各列长度与重叠列

Data overlap column

当绑定长数据时,我发现标题分隔列不正确

header wrong separate column

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

有任何简便的解决方法,请建议我。