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

GridSpacerComponent

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).

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>

Selector

kendo-grid-spacer

Inputs

NameTypeDefaultDescription

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.

In this article
SelectorInputs
Not finding the help you need?
Contact Support