New to Kendo UI for Angular? Start 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
Name | Type | Default | Description |
---|---|---|---|
width |
|
Specifies the width of the GridSpacer.
Accepts string values for the CSS |