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

TreeListSpacerComponent

Component

Represents the Kendo UI TreeListSpacer component for Angular. Use this component to add extra white space between Pager inner elements or to customize the spacer width. You can also use it in any flex container within the TreeList. See example.

Definition

Package:@progress/kendo-angular-treelist

Selector:kendo-treelist-spacer

Syntax:

html

<kendo-treelist [data]="data" [fetchChildren]="fetchChildren" [hasChildren]="hasChildren">
  <ng-template kendoTreeListToolbarTemplate>
    <kendo-treelist-spacer></kendo-treelist-spacer>
      <button type="button" kendoTreeListExcelCommand [svgIcon]="fileExcelIcon"> Export to Excel </button>
    <kendo-treelist-spacer></kendo-treelist-spacer>
  </ng-template>
  <kendo-treelist-column field="ProductName" title="Product Name"></kendo-treelist-column>
</kendo-treelist>

Inputs

width

string

Specifies the width of the TreeListSpacer. Accepts string values for the CSS flex-basis property.

If not set, the TreeListSpacer takes all available space.