Question

我有一个使用kendo网格在多个“部分”中显示相似信息的项目。我面临的问题是，即使正确设置了相似的信息，宽度也不会对齐，并且跨网格的宽度也不相同。

<!-- Section header 1 -->
<kendo-grid [data]="data.something" scrollable="none">
  <kendo-grid-column field="item"></kendo-grid-column>
  <kendo-grid-column field="amount"></kendo-grid-column>
  <kendo-grid-column field="price"></kendo-grid-column>
</kendo-grid>

<!-- Section header 2 -->
<kendo-grid [data]="data.something2" scrollable="none">
  <kendo-grid-column field="item"></kendo-grid-column>
  <kendo-grid-column field="amount"></kendo-grid-column>
  <kendo-grid-column field="price"></kendo-grid-column>
</kendo-grid>

有没有办法将宽度从一个网格“复制”到另一个网格，以便它们全部对齐？

Answer 1

修改宽度和百分比值后，Kendo似乎更喜欢可以忽略的像素宽度，除非保留一列没有固定限制，以便可以扩展以适应可用空间。这不是最佳解决方案，因为它可以将列固定为特定宽度，但至少它们可以正确对齐。

<!-- Section header 1 -->
<kendo-grid [data]="data.something" scrollable="none">
  <kendo-grid-column field="item"></kendo-grid-column>
  <kendo-grid-column width="200" field="amount"></kendo-grid-column>
  <kendo-grid-column width="200" field="price"></kendo-grid-column>
</kendo-grid>

<!-- Section header 2 -->
<kendo-grid [data]="data.something2" scrollable="none">
  <kendo-grid-column field="item"></kendo-grid-column>
  <kendo-grid-column width="200" field="amount"></kendo-grid-column>
  <kendo-grid-column width="200" field="price"></kendo-grid-column>
</kendo-grid>

kendo-ui angular 6如何在多个网格之间对齐/复制宽度？

1 个答案: