Проблема с расположением сетки угловых деталей кендо

Кажется, что раскладка сетки кендо с двумя деталями очень легко ломается при увеличении масштаба в хроме. Имеет ли к этому какое-либо отношение настройка ширины столбцов?

Воспроизводится здесь ссылка на плункер

<kendo-grid
          [data]="view | async"
          [pageSize]="5"
          [skip]="skip"
          [pageable]="true"
          [scrollable]="'none'"
          (pageChange)="pageChange($event)"
        >
      <kendo-grid-column field="ProductID" title="Product ID" width="120">
      </kendo-grid-column>
      <kendo-grid-column field="ProductID" title="Product ID" width="220">
      </kendo-grid-column>
      <kendo-grid-column field="ProductID" title="Product ID" width="220">
      </kendo-grid-column>
      <kendo-grid-column field="ProductID" title="Product ID" width="120">
      </kendo-grid-column>
      <kendo-grid-column field="ProductID" title="Product ID" width="220">
      </kendo-grid-column>
      <kendo-grid-column field="ProductName" title="Product Name">
      </kendo-grid-column>
      <kendo-grid-column field="UnitPrice" title="Unit Price" format="{0:c}">
      </kendo-grid-column>
      </kendo-grid>

Либо установите разрешение на 1048 x 768. Или увеличьте масштаб «в хроме». Разрывы сетки (без горизонтальных полос прокрутки для навигации)


angular kendo-grid kendo-ui-angular2 kendo-ui-grid
person int-i    schedule 27.12.2017    source источник
comment
Вы можете использовать [scrollable] =scrollable или виртуальное свойство, и вы также можете установить правильную высоту для вашей сетки кендо, поэтому, если вы измените свое разрешение, ваш макет не сломается.   -  person Aarsh    schedule 28.12.2017

Ответы (1)


arrow_upward
2
arrow_downward

Вам необходимо установить ширину для столбцов «Название продукта» и «Цена за единицу» и установить для свойства «прокручиваемый» значение «прокручиваемый» в кендогриде.

person buchipper    schedule 28.12.2017
comment
Стоит отметить, что свойство scrollable компонента Grid может быть установлено в один из трех режимов — «scrollable», «none» и «virtual»: telerik.com/kendo-angular-ui/components/grid/api/GridComponent/ telerik.com/kendo-angular-ui/components/grid/api/ ScrollMode По умолчанию установлено значение «с возможностью прокрутки», поэтому, если свойство не указано в разметке Grid, результат будет таким же, как если бы для него было задано значение «с возможностью прокрутки». - person topalkata; 28.12.2017
comment
По умолчанию вроде нет. У вас есть ссылка на то, что "прокручиваемый" является значением по умолчанию? - person int-i; 29.12.2017