Как настроить размер пейджера сетки пользовательского интерфейса кендо?

Вот пользовательский интерфейс Kendo для пейджера Angular.

Шаблон пейджера:

<ng-template kendoPagerTemplate let-totalPages="totalPages" let-currentPage="currentPage">
        <kendo-pager-prev-buttons></kendo-pager-prev-buttons>
        <kendo-slider
            [showButtons]="false"
            tickPlacement="none"
            [max]="totalPages"
            [min]="1"
            (valueChange)="sliderChange($event)"
            [value]="currentPage">
        </kendo-slider>
        <kendo-pager-info></kendo-pager-info>
        <kendo-pager-next-buttons></kendo-pager-next-buttons>
        <kendo-pager-page-sizes [pageSizes]="[5, 10, 40]"></kendo-pager-page-sizes>
     </ng-template>

Я хочу уменьшить высоту пейджера до желаемого значения, скажем, 25 пикселей. Как?


angular css kendo-ui-angular2
person Hello    schedule 17.12.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Добавьте этот стиль в файл CSS вашего компонента:

::ng-deep kendo-grid kendo-pager {
    height: 25px;
}

::ng-deep используется, чтобы позволить стилю нарушать инкапсуляцию и влиять на стили внутри компонента, содержащегося в вашем компоненте.

person Shai    schedule 14.01.2020