kendo-ui angular 6 Как выровнять / скопировать ширину между несколькими сетками? - PullRequest
Новая
       8

kendo-ui angular 6 Как выровнять / скопировать ширину между несколькими сетками?

0 голосов
/ 22 ноября 2018

У меня есть проект, использующий сетки кендо для отображения похожей информации в нескольких «разделах».Проблема, с которой я сталкиваюсь, заключается в том, что ширины не совпадают и не совпадают по сеткам, даже если они заданы правильно с аналогичной информацией.

<!-- 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>

Есть ли способ «скопировать» ширину из одной сетки в другую, чтобы они все выстроились в ряд?

1 Ответ

0 голосов
/ 22 ноября 2018

После поворотов с значениями ширины и процента, кажется, что 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>
...