Clarity Datagrid列的宽度-奇怪的行为

Question

编辑：表似乎并不真正喜欢百分比值。使用像素效果很好。

尝试设置Clarity Datagrid列的宽度，发现一个奇怪的现象。

结构尽可能简单

<clr-datagrid>
  <clr-dg-column style="width: 15%;">LoL1</clr-dg-column>
  <clr-dg-column style="width: 30%;">LoL2</clr-dg-column>
  <clr-dg-column>LoL3</clr-dg-column>

  <clr-dg-row>
    <clr-dg-cell>LoL1</clr-dg-cell>
    <clr-dg-cell>LoL2</clr-dg-cell>
    <clr-dg-cell>LoL3</clr-dg-cell>
  </clr-dg-row>
</clr-datagrid>

依赖项

"@clr/angular": "^1.1.0"
"@clr/icons": "^1.1.0"
"@clr/ui": "^1.1.0"

该项目是使用Angular CLI进行设置的。
在StackBlitz中复制。

我通常不是前端开发人员，所以我可能会错过一些细节。