New to Kendo UI for Angular? Start a free 30-day trial

GridSpacerComponent

Component

Represents the Kendo UI GridSpacer component for Angular. Used to give additional white space between the Pager inner elements, and provides a way for customizing the spacer width. It can also be used in any flex container within the Grid (see example).

Definition

Package:@progress/kendo-angular-grid

Selector:kendo-grid-spacer

Syntax:

html

<kendo-grid [data]="data">
  <ng-template kendoGridToolbarTemplate>
    <kendo-grid-spacer></kendo-grid-spacer>
      <button type="button" kendoGridExcelCommand [svgIcon]="fileExcelIcon"> Export to Excel </button>
    <kendo-grid-spacer></kendo-grid-spacer>
  </ng-template>
  <kendo-grid-column field="ProductName" title="Product Name"></kendo-grid-column>
</kendo-grid>

Inputs

width

string

Specifies the width of the GridSpacer. Accepts string values for the CSS flex-basis property. If not set, the GridSpacer takes all available space.