Provides a pre-configured column pinning component for the grid.
Igx Module
IgxGridToolbarModule

Example

<igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>

Constructors

Section titled "Constructors"

IgxGridToolbarPinningComponent

new IgxGridToolbarPinningComponent(): IgxGridToolbarPinningComponent

Returns IgxGridToolbarPinningComponent

Properties

Section titled "Properties"

buttonText

Section titled "buttonText"

Inherited from: BaseToolbarColumnActionsDirective 

buttonText: string

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:189

checkAllText

Section titled "checkAllText"

Inherited from: BaseToolbarColumnActionsDirective 

checkAllText: string

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:183

closed

Section titled "closed"

Inherited from: BaseToolbarColumnActionsDirective

Emits an event after the toggle container is closed.

 
closed: EventEmitter<ToggleViewEventArgs>

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:79

closing

Section titled "closing"

Inherited from: BaseToolbarColumnActionsDirective

Emits an event before the toggle container is closed.

 
closing: EventEmitter<ToggleViewEventArgs>

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:73

columnDisplayOrder

Section titled "columnDisplayOrder"

Inherited from: BaseToolbarColumnActionsDirective 

columnDisplayOrder: ColumnDisplayOrder = ColumnDisplayOrder.DisplayOrder

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:174

columnListHeight

Section titled "columnListHeight"

Inherited from: BaseToolbarColumnActionsDirective

Sets the height of the column list in the dropdown.

 
columnListHeight: string

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:29

columnsAreaMaxHeight

Section titled "columnsAreaMaxHeight"

Inherited from: BaseToolbarColumnActionsDirective 

columnsAreaMaxHeight: string = '100%'

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:177

columnToggle

Section titled "columnToggle"

Inherited from: BaseToolbarColumnActionsDirective

Emits when after a column's checked state is changed

 
columnToggle: EventEmitter<IColumnToggledEventArgs>

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:85

filterCriteria

Section titled "filterCriteria"

Inherited from: BaseToolbarColumnActionsDirective 

filterCriteria: string = ''

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:171

hideFilter

Section titled "hideFilter"

Inherited from: BaseToolbarColumnActionsDirective 

hideFilter: boolean = false

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:168

indentetion

Section titled "indentetion"

Inherited from: BaseToolbarColumnActionsDirective 

indentetion: number = 30

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:186

opened

Section titled "opened"

Inherited from: BaseToolbarColumnActionsDirective

Emits an event after the toggle container is opened.

 
opened: EventEmitter<ToggleViewEventArgs>

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:67

opening

Section titled "opening"

Inherited from: BaseToolbarColumnActionsDirective

Emits an event before the toggle container is opened.

 
opening: EventEmitter<ToggleViewCancelableEventArgs>

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:61

prompt

Section titled "prompt"

Inherited from: BaseToolbarColumnActionsDirective

The placeholder text for the search input.

 
prompt: string

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:41

title

Section titled "title"

Inherited from: BaseToolbarColumnActionsDirective

Title text for the column action component

 
title: string

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:35

uncheckAllText

Section titled "uncheckAllText"

Inherited from: BaseToolbarColumnActionsDirective 

uncheckAllText: string

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:180

overlaySettings

Section titled "overlaySettings"

Inherited from: BaseToolbarColumnActionsDirective 

overlaySettings: OverlaySettings

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:47, projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:54

Methods

Section titled "Methods"

checkAll

Section titled "checkAll"

Inherited from: BaseToolbarColumnActionsDirective 

checkAll(): void

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:193

Returns void

uncheckAll

Section titled "uncheckAll"

Inherited from: BaseToolbarColumnActionsDirective 

uncheckAll(): void

Defined in projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.base.ts:197

Returns void