New to Kendo UI for AngularStart a free 30-day trial

Represents the Kendo UI Pager Spacer component for Angular. Gives you additional white space between the Pager inner elements, and provides a way for customizing the spacer width.

Definition

Package:@progress/kendo-angular-pager

Selector:kendo-pager-spacer

Syntax:

html
<kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
  <ng-template kendoPagerTemplate>
    <kendo-pager-prev-buttons></kendo-pager-prev-buttons>
    <kendo-pager-info></kendo-pager-info>
    <kendo-pager-spacer></kendo-pager-spacer>
    <kendo-pager-next-buttons></kendo-pager-next-buttons>
  </ng-template>
</kendo-pager>

Inputs

width

string

Specifies the width of the PagerSpacer component. Accepts the string values of the CSS flex-basis property.

If you do not set this property, the PagerSpacer takes all the available space.

Fields

Gets the flex-basis style for the spacer width.

hostClass

boolean

Gets the CSS class for the spacer.

Default:

true

sizedClass

boolean

Gets the CSS class for sized spacers.