igniteui-webcomponents-grids 6.0.1 → 6.0.3

package/web-types.json

@@ -4,7 +4,7 @@
     "version": "1.0.0",
     "description-markup": "markdown",    "contributions": {
       "html": {
-        "elements": [{"name":"igc-grid-state","description":"State component allows saving and restoring the state of the grid features.\n---\n\n\n### **Events:**\n - **stateParsed** - Event emitted when set state is called with a string.  Returns the parsed state object so that it can be further modified before applying to the grid.","doc-url":"","attributes":[{"name":"options","description":"An object with options determining if a certain feature state should be saved.","value":{"type":"IgcGridStateOptions"}}],"events":[{"name":"stateParsed","type":"CustomEvent<IgcGridStateInfo>","description":"Event emitted when set state is called with a string.  Returns the parsed state object so that it can be further modified before applying to the grid."}],"js":{"properties":[{"name":"options","description":"An object with options determining if a certain feature state should be saved.","type":"IgcGridStateOptions"}],"events":[{"name":"stateParsed","type":"CustomEvent<IgcGridStateInfo>","description":"Event emitted when set state is called with a string.  Returns the parsed state object so that it can be further modified before applying to the grid."}]}},{"name":"igc-action-strip","description":"Action Strip provides templatable area for one or more actions.\n---\n","doc-url":"","attributes":[{"name":"action-buttons","description":"ActionButton as ContentChildren inside the Action Strip","value":{"type":"IgcGridActionsBaseDirective[]"}},{"name":"hidden","description":"Gets/Sets the visibility of the Action Strip.  Could be used to set if the Action Strip will be initially hidden.","value":{"type":"boolean"}},{"name":"resource-strings","description":"Gets/Sets the resource strings.","value":{"type":"IgcActionStripResourceStrings"}}],"events":[],"js":{"properties":[{"name":"actionButtons","description":"ActionButton as ContentChildren inside the Action Strip","type":"IgcGridActionsBaseDirective[]"},{"name":"hidden","description":"Gets/Sets the visibility of the Action Strip.  Could be used to set if the Action Strip will be initially hidden.","type":"boolean"},{"name":"resourceStrings","description":"Gets/Sets the resource strings.","type":"IgcActionStripResourceStrings"}],"events":[]}},{"name":"igc-grid-editing-actions","description":"Grid Editing Actions for the Action Strip\n---\n","doc-url":"","attributes":[{"name":"add-row","description":"An input to enable/disable action strip row adding button","value":{"type":"boolean"}},{"name":"edit-row","description":"An input to enable/disable action strip row editing button","value":{"type":"boolean"}},{"name":"delete-row","description":"An input to enable/disable action strip row deleting button","value":{"type":"boolean"}},{"name":"add-child","description":"An input to enable/disable action strip child row adding button","value":{"type":"boolean"}},{"name":"as-menu-items","description":"Gets/Sets if the action buttons will be rendered as menu items. When in menu, items will be rendered with text label.","value":{"type":"boolean"}}],"events":[],"js":{"properties":[{"name":"addRow","description":"An input to enable/disable action strip row adding button","type":"boolean"},{"name":"editRow","description":"An input to enable/disable action strip row editing button","type":"boolean"},{"name":"deleteRow","description":"An input to enable/disable action strip row deleting button","type":"boolean"},{"name":"hasChildren","type":"boolean"},{"name":"addChild","description":"An input to enable/disable action strip child row adding button","type":"boolean"},{"name":"asMenuItems","description":"Gets/Sets if the action buttons will be rendered as menu items. When in menu, items will be rendered with text label.","type":"boolean"}],"events":[]}},{"name":"igc-grid-pinning-actions","description":"Grid Pinning Actions for the Action Strip\n---\n","doc-url":"","attributes":[{"name":"as-menu-items","description":"Gets/Sets if the action buttons will be rendered as menu items. When in menu, items will be rendered with text label.","value":{"type":"boolean"}}],"events":[],"js":{"properties":[{"name":"asMenuItems","description":"Gets/Sets if the action buttons will be rendered as menu items. When in menu, items will be rendered with text label.","type":"boolean"}],"events":[]}},{"name":"igc-column-group","description":"**Ignite UI for Angular Column Group**\n---\n\n\n### **Events:**\n - **hiddenChange** - Emitted when the column is hidden or shown.\n- **expandedChange** - Emitted when the column expanded or collapsed.\n- **widthChange** - Emitted when the column width changes.\n- **pinnedChange** - Emitted when the column is pinned/unpinned.","doc-url":"","attributes":[{"name":"children","value":{"type":"HTMLCollection"}},{"name":"collapsible","description":"Set if the column group is collapsible.  Default value is `false`","value":{"type":"boolean"}},{"name":"expanded","description":"Set whether the group is expanded or collapsed initially.  Applied only if the collapsible property is set to `true`  Default value is `true`","value":{"type":"boolean"}},{"name":"field","description":"Sets/gets the `field` value.","value":{"type":"string"}},{"name":"header","description":"Sets/gets the `header` value.","value":{"type":"string"}},{"name":"title","description":"Sets/gets the `title` value.","value":{"type":"string"}},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"selectable","description":"Returns if the column is selectable.","value":{"type":"boolean"}},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","value":{"type":"boolean"}},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"autosize-header","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","value":{"type":"boolean"}},{"name":"has-summary","description":"Gets a value indicating whether the summary for the column is enabled.","value":{"type":"boolean"}},{"name":"hidden","description":"Gets whether the column is hidden.","value":{"type":"boolean"}},{"name":"selected","description":"Returns if the column is selected.","value":{"type":"boolean"}},{"name":"disable-hiding","description":"Gets whether the hiding is disabled.","value":{"type":"boolean"}},{"name":"disable-pinning","description":"Gets whether the pinning is disabled.","value":{"type":"boolean"}},{"name":"width","description":"Gets the `width` of the column.","value":{"type":"string"}},{"name":"max-width","description":"Sets/gets the maximum `width` of the column.","value":{"type":"string"}},{"name":"header-classes","description":"Sets/gets the class selector of the column header.","value":{"type":"string"}},{"name":"header-styles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","value":{"type":"any"}},{"name":"header-group-classes","description":"Sets/gets the class selector of the column group header.","value":{"type":"string"}},{"name":"header-group-styles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","value":{"type":"any"}},{"name":"cell-classes","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","value":{"type":"any"}},{"name":"cell-styles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","value":{"type":"any"}},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","value":{"type":"any"}},{"name":"summary-formatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","value":{"type":"any"}},{"name":"filtering-ignore-case","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","value":{"type":"boolean"}},{"name":"sorting-ignore-case","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","value":{"type":"boolean"}},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","value":{"type":"boolean"}},{"name":"data-type","description":"Sets/gets the data type of the column values.  Default value is `string`.","value":{"type":"GridColumnDataType"}},{"name":"row-end","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","value":{"type":"number"}},{"name":"col-end","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","value":{"type":"number"}},{"name":"row-start","description":"Row index from which the field is starting.","value":{"type":"number"}},{"name":"col-start","description":"Column index from which the field is starting.","value":{"type":"number"}},{"name":"additional-template-context","description":"Sets/gets custom properties provided in additional template context.","value":{"type":"any"}},{"name":"min-width","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","value":{"type":"string"}},{"name":"pinned","description":"Gets whether the column is `pinned`.","value":{"type":"boolean"}},{"name":"summaries","description":"Gets the column `summaries`.","value":{"type":"any"}},{"name":"disabled-summaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","value":{"type":"string[]"}},{"name":"filters","description":"Gets the column `filters`.","value":{"type":"IgcFilteringOperand"}},{"name":"sort-strategy","description":"Gets the column `sortStrategy`.","value":{"type":"IgcSortingStrategy"}},{"name":"visible-when-collapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","value":{"type":"boolean"}},{"name":"pipe-args","value":{"type":"IgcColumnPipeArgs"}},{"name":"editor-options","description":"Pass optional properties for the default column editors.","value":{"type":"IgcColumnEditorOptions"}},{"name":"parent","description":"Sets/gets the parent column.","value":{"type":"any"}}],"events":[{"name":"hiddenChange","type":"CustomEvent","description":"Emitted when the column is hidden or shown."},{"name":"expandedChange","type":"CustomEvent","description":"Emitted when the column expanded or collapsed."},{"name":"widthChange","type":"CustomEvent","description":"Emitted when the column width changes."},{"name":"pinnedChange","type":"CustomEvent","description":"Emitted when the column is pinned/unpinned."}],"js":{"properties":[{"name":"children","type":"HTMLCollection"},{"name":"collapsible","description":"Set if the column group is collapsible.  Default value is `false`","type":"boolean"},{"name":"expanded","description":"Set whether the group is expanded or collapsed initially.  Applied only if the collapsible property is set to `true`  Default value is `true`","type":"boolean"},{"name":"summaries","description":"Gets the column group `summaries`.","type":"any"},{"name":"filters","description":"Gets the column group `filters`.","type":"any"},{"name":"selectable","description":"Returns if the column group is selectable","type":"boolean"},{"name":"collapsibleIndicatorTemplate","description":"Allows you to define a custom template for expand/collapse indicator","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"hidden","description":"Gets whether the column group is hidden.","type":"boolean"},{"name":"selected","description":"Returns if the column group is selected.","type":"boolean"},{"name":"childColumns","description":"A list containing all the child columns under this column (if any).  Empty without children or if this column is not Group or Layout.","type":"IgcColumnComponent[]"},{"name":"columnGroup","description":"Returns a boolean indicating if the column is a `ColumnGroup`.","type":"boolean"},{"name":"columnLayout","description":"Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"width","description":"Gets the width of the column group.","type":"string"},{"name":"field","description":"Sets/gets the `field` value.","type":"string"},{"name":"header","description":"Sets/gets the `header` value.","type":"string"},{"name":"title","description":"Sets/gets the `title` value.","type":"string"},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","type":"boolean"},{"name":"selectable","description":"Returns if the column is selectable.","type":"boolean"},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","type":"boolean"},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","type":"boolean"},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","type":"boolean"},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","type":"boolean"},{"name":"autosizeHeader","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","type":"boolean"},{"name":"hasSummary","description":"Gets a value indicating whether the summary for the column is enabled.","type":"boolean"},{"name":"hidden","description":"Gets whether the column is hidden.","type":"boolean"},{"name":"selected","description":"Returns if the column is selected.","type":"boolean"},{"name":"disableHiding","description":"Gets whether the hiding is disabled.","type":"boolean"},{"name":"disablePinning","description":"Gets whether the pinning is disabled.","type":"boolean"},{"name":"width","description":"Gets the `width` of the column.","type":"string"},{"name":"maxWidth","description":"Sets/gets the maximum `width` of the column.","type":"string"},{"name":"headerClasses","description":"Sets/gets the class selector of the column header.","type":"string"},{"name":"headerStyles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","type":"any"},{"name":"headerGroupClasses","description":"Sets/gets the class selector of the column group header.","type":"string"},{"name":"headerGroupStyles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","type":"any"},{"name":"cellClasses","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","type":"any"},{"name":"cellStyles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","type":"any"},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","type":"any"},{"name":"summaryFormatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","type":"any"},{"name":"filteringIgnoreCase","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","type":"boolean"},{"name":"sortingIgnoreCase","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","type":"boolean"},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","type":"boolean"},{"name":"dataType","description":"Sets/gets the data type of the column values.  Default value is `string`.","type":"GridColumnDataType"},{"name":"rowEnd","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","type":"number"},{"name":"colEnd","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","type":"number"},{"name":"rowStart","description":"Row index from which the field is starting.","type":"number"},{"name":"colStart","description":"Column index from which the field is starting.","type":"number"},{"name":"additionalTemplateContext","description":"Sets/gets custom properties provided in additional template context.","type":"any"},{"name":"minWidth","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","type":"string"},{"name":"index","description":"Gets the column index.","type":"number"},{"name":"pinned","description":"Gets whether the column is `pinned`.","type":"boolean"},{"name":"summaries","description":"Gets the column `summaries`.","type":"any"},{"name":"disabledSummaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","type":"string[]"},{"name":"filters","description":"Gets the column `filters`.","type":"IgcFilteringOperand"},{"name":"sortStrategy","description":"Gets the column `sortStrategy`.","type":"IgcSortingStrategy"},{"name":"summaryTemplate","description":"Returns a reference to the `summaryTemplate`.","type":"IgcRenderFunction<IgcSummaryTemplateContext>"},{"name":"bodyTemplate","description":"Returns a reference to the `bodyTemplate`.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"headerTemplate","description":"Returns a reference to the header template.","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"inlineEditorTemplate","description":"Returns a reference to the inline editor template.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"errorTemplate","description":"Returns a reference to the validation error template.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"filterCellTemplate","description":"Returns a reference to the `filterCellTemplate`.","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"visibleIndex","description":"Gets the column visible index.  If the column is not visible, returns `-1`.","type":"number"},{"name":"columnGroup","description":"Returns a boolean indicating if the column is a `ColumnGroup`.","type":"boolean"},{"name":"columnLayout","description":"Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"columnLayoutChild","description":"Returns a boolean indicating if the column is a child of a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"childColumns","description":"A list containing all the child columns under this column (if any).  Empty without children or if this column is not Group or Layout.","type":"IgcColumnComponent[]"},{"name":"level","description":"Returns the level of the column in a column group.  Returns `0` if the column doesn't have a `parent`.","type":"number"},{"name":"visibleWhenCollapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","type":"boolean"},{"name":"pipeArgs","type":"IgcColumnPipeArgs"},{"name":"editorOptions","description":"Pass optional properties for the default column editors.","type":"IgcColumnEditorOptions"},{"name":"filteringExpressionsTree","description":"Returns the filteringExpressionsTree of the column.","type":"IgcFilteringExpressionsTree"},{"name":"parent","description":"Sets/gets the parent column.","type":"any"},{"name":"topLevelParent","description":"Returns a reference to the top level parent column.","type":"IgcColumnComponent"}],"events":[{"name":"hiddenChange","type":"CustomEvent","description":"Emitted when the column is hidden or shown."},{"name":"expandedChange","type":"CustomEvent","description":"Emitted when the column expanded or collapsed."},{"name":"widthChange","type":"CustomEvent","description":"Emitted when the column width changes."},{"name":"pinnedChange","type":"CustomEvent","description":"Emitted when the column is pinned/unpinned."}]}},{"name":"igc-column","description":"**Ignite UI for Angular Column** -  [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid#columns-configuration)   The Ignite UI Column is used within an `igx-grid` element to define what data the column will show. Features such as sorting,  filtering & editing are enabled at the column level.  You can also provide a template containing custom content inside  the column using `ng-template` which will be used for all cells within the column.\n---\n\n\n### **Events:**\n - **hiddenChange** - Emitted when the column is hidden or shown.\n- **expandedChange** - Emitted when the column expanded or collapsed.\n- **widthChange** - Emitted when the column width changes.\n- **pinnedChange** - Emitted when the column is pinned/unpinned.","doc-url":"","attributes":[{"name":"field","description":"Sets/gets the `field` value.","value":{"type":"string"}},{"name":"header","description":"Sets/gets the `header` value.","value":{"type":"string"}},{"name":"title","description":"Sets/gets the `title` value.","value":{"type":"string"}},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"selectable","description":"Returns if the column is selectable.","value":{"type":"boolean"}},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","value":{"type":"boolean"}},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"autosize-header","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","value":{"type":"boolean"}},{"name":"has-summary","description":"Gets a value indicating whether the summary for the column is enabled.","value":{"type":"boolean"}},{"name":"hidden","description":"Gets whether the column is hidden.","value":{"type":"boolean"}},{"name":"selected","description":"Returns if the column is selected.","value":{"type":"boolean"}},{"name":"disable-hiding","description":"Gets whether the hiding is disabled.","value":{"type":"boolean"}},{"name":"disable-pinning","description":"Gets whether the pinning is disabled.","value":{"type":"boolean"}},{"name":"width","description":"Gets the `width` of the column.","value":{"type":"string"}},{"name":"max-width","description":"Sets/gets the maximum `width` of the column.","value":{"type":"string"}},{"name":"header-classes","description":"Sets/gets the class selector of the column header.","value":{"type":"string"}},{"name":"header-styles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","value":{"type":"any"}},{"name":"header-group-classes","description":"Sets/gets the class selector of the column group header.","value":{"type":"string"}},{"name":"header-group-styles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","value":{"type":"any"}},{"name":"cell-classes","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","value":{"type":"any"}},{"name":"cell-styles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","value":{"type":"any"}},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","value":{"type":"any"}},{"name":"summary-formatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","value":{"type":"any"}},{"name":"filtering-ignore-case","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","value":{"type":"boolean"}},{"name":"sorting-ignore-case","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","value":{"type":"boolean"}},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","value":{"type":"boolean"}},{"name":"data-type","description":"Sets/gets the data type of the column values.  Default value is `string`.","value":{"type":"GridColumnDataType"}},{"name":"row-end","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","value":{"type":"number"}},{"name":"col-end","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","value":{"type":"number"}},{"name":"row-start","description":"Row index from which the field is starting.","value":{"type":"number"}},{"name":"col-start","description":"Column index from which the field is starting.","value":{"type":"number"}},{"name":"additional-template-context","description":"Sets/gets custom properties provided in additional template context.","value":{"type":"any"}},{"name":"min-width","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","value":{"type":"string"}},{"name":"pinned","description":"Gets whether the column is `pinned`.","value":{"type":"boolean"}},{"name":"summaries","description":"Gets the column `summaries`.","value":{"type":"any"}},{"name":"disabled-summaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","value":{"type":"string[]"}},{"name":"filters","description":"Gets the column `filters`.","value":{"type":"IgcFilteringOperand"}},{"name":"sort-strategy","description":"Gets the column `sortStrategy`.","value":{"type":"IgcSortingStrategy"}},{"name":"visible-when-collapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","value":{"type":"boolean"}},{"name":"pipe-args","value":{"type":"IgcColumnPipeArgs"}},{"name":"editor-options","description":"Pass optional properties for the default column editors.","value":{"type":"IgcColumnEditorOptions"}},{"name":"parent","description":"Sets/gets the parent column.","value":{"type":"any"}}],"events":[{"name":"hiddenChange","type":"CustomEvent","description":"Emitted when the column is hidden or shown."},{"name":"expandedChange","type":"CustomEvent","description":"Emitted when the column expanded or collapsed."},{"name":"widthChange","type":"CustomEvent","description":"Emitted when the column width changes."},{"name":"pinnedChange","type":"CustomEvent","description":"Emitted when the column is pinned/unpinned."}],"js":{"properties":[{"name":"field","description":"Sets/gets the `field` value.","type":"string"},{"name":"header","description":"Sets/gets the `header` value.","type":"string"},{"name":"title","description":"Sets/gets the `title` value.","type":"string"},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","type":"boolean"},{"name":"selectable","description":"Returns if the column is selectable.","type":"boolean"},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","type":"boolean"},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","type":"boolean"},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","type":"boolean"},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","type":"boolean"},{"name":"autosizeHeader","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","type":"boolean"},{"name":"hasSummary","description":"Gets a value indicating whether the summary for the column is enabled.","type":"boolean"},{"name":"hidden","description":"Gets whether the column is hidden.","type":"boolean"},{"name":"selected","description":"Returns if the column is selected.","type":"boolean"},{"name":"disableHiding","description":"Gets whether the hiding is disabled.","type":"boolean"},{"name":"disablePinning","description":"Gets whether the pinning is disabled.","type":"boolean"},{"name":"width","description":"Gets the `width` of the column.","type":"string"},{"name":"maxWidth","description":"Sets/gets the maximum `width` of the column.","type":"string"},{"name":"headerClasses","description":"Sets/gets the class selector of the column header.","type":"string"},{"name":"headerStyles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","type":"any"},{"name":"headerGroupClasses","description":"Sets/gets the class selector of the column group header.","type":"string"},{"name":"headerGroupStyles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","type":"any"},{"name":"cellClasses","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","type":"any"},{"name":"cellStyles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","type":"any"},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","type":"any"},{"name":"summaryFormatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","type":"any"},{"name":"filteringIgnoreCase","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","type":"boolean"},{"name":"sortingIgnoreCase","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","type":"boolean"},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","type":"boolean"},{"name":"dataType","description":"Sets/gets the data type of the column values.  Default value is `string`.","type":"GridColumnDataType"},{"name":"rowEnd","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","type":"number"},{"name":"colEnd","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","type":"number"},{"name":"rowStart","description":"Row index from which the field is starting.","type":"number"},{"name":"colStart","description":"Column index from which the field is starting.","type":"number"},{"name":"additionalTemplateContext","description":"Sets/gets custom properties provided in additional template context.","type":"any"},{"name":"minWidth","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","type":"string"},{"name":"index","description":"Gets the column index.","type":"number"},{"name":"pinned","description":"Gets whether the column is `pinned`.","type":"boolean"},{"name":"summaries","description":"Gets the column `summaries`.","type":"any"},{"name":"disabledSummaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","type":"string[]"},{"name":"filters","description":"Gets the column `filters`.","type":"IgcFilteringOperand"},{"name":"sortStrategy","description":"Gets the column `sortStrategy`.","type":"IgcSortingStrategy"},{"name":"summaryTemplate","description":"Returns a reference to the `summaryTemplate`.","type":"IgcRenderFunction<IgcSummaryTemplateContext>"},{"name":"bodyTemplate","description":"Returns a reference to the `bodyTemplate`.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"headerTemplate","description":"Returns a reference to the header template.","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"inlineEditorTemplate","description":"Returns a reference to the inline editor template.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"errorTemplate","description":"Returns a reference to the validation error template.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"filterCellTemplate","description":"Returns a reference to the `filterCellTemplate`.","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"visibleIndex","description":"Gets the column visible index.  If the column is not visible, returns `-1`.","type":"number"},{"name":"columnGroup","description":"Returns a boolean indicating if the column is a `ColumnGroup`.","type":"boolean"},{"name":"columnLayout","description":"Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"columnLayoutChild","description":"Returns a boolean indicating if the column is a child of a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"childColumns","description":"A list containing all the child columns under this column (if any).  Empty without children or if this column is not Group or Layout.","type":"IgcColumnComponent[]"},{"name":"level","description":"Returns the level of the column in a column group.  Returns `0` if the column doesn't have a `parent`.","type":"number"},{"name":"visibleWhenCollapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","type":"boolean"},{"name":"pipeArgs","type":"IgcColumnPipeArgs"},{"name":"editorOptions","description":"Pass optional properties for the default column editors.","type":"IgcColumnEditorOptions"},{"name":"filteringExpressionsTree","description":"Returns the filteringExpressionsTree of the column.","type":"IgcFilteringExpressionsTree"},{"name":"parent","description":"Sets/gets the parent column.","type":"any"},{"name":"topLevelParent","description":"Returns a reference to the top level parent column.","type":"IgcColumnComponent"}],"events":[{"name":"hiddenChange","type":"CustomEvent","description":"Emitted when the column is hidden or shown."},{"name":"expandedChange","type":"CustomEvent","description":"Emitted when the column expanded or collapsed."},{"name":"widthChange","type":"CustomEvent","description":"Emitted when the column width changes."},{"name":"pinnedChange","type":"CustomEvent","description":"Emitted when the column is pinned/unpinned."}]}},{"name":"igc-column-layout","description":"Column layout for declaration of Multi-row Layout\n---\n\n\n### **Events:**\n - **hiddenChange** - Emitted when the column is hidden or shown.\n- **expandedChange** - Emitted when the column expanded or collapsed.\n- **widthChange** - Emitted when the column width changes.\n- **pinnedChange** - Emitted when the column is pinned/unpinned.","doc-url":"","attributes":[{"name":"children","value":{"type":"HTMLCollection"}},{"name":"collapsible","description":"Set if the column group is collapsible.  Default value is `false`","value":{"type":"boolean"}},{"name":"expanded","description":"Set whether the group is expanded or collapsed initially.  Applied only if the collapsible property is set to `true`  Default value is `true`","value":{"type":"boolean"}},{"name":"field","description":"Sets/gets the `field` value.","value":{"type":"string"}},{"name":"header","description":"Sets/gets the `header` value.","value":{"type":"string"}},{"name":"title","description":"Sets/gets the `title` value.","value":{"type":"string"}},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"selectable","description":"Returns if the column is selectable.","value":{"type":"boolean"}},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","value":{"type":"boolean"}},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"autosize-header","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","value":{"type":"boolean"}},{"name":"has-summary","description":"Gets a value indicating whether the summary for the column is enabled.","value":{"type":"boolean"}},{"name":"hidden","description":"Gets whether the column is hidden.","value":{"type":"boolean"}},{"name":"selected","description":"Returns if the column is selected.","value":{"type":"boolean"}},{"name":"disable-hiding","description":"Gets whether the hiding is disabled.","value":{"type":"boolean"}},{"name":"disable-pinning","description":"Gets whether the pinning is disabled.","value":{"type":"boolean"}},{"name":"width","description":"Gets the `width` of the column.","value":{"type":"string"}},{"name":"max-width","description":"Sets/gets the maximum `width` of the column.","value":{"type":"string"}},{"name":"header-classes","description":"Sets/gets the class selector of the column header.","value":{"type":"string"}},{"name":"header-styles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","value":{"type":"any"}},{"name":"header-group-classes","description":"Sets/gets the class selector of the column group header.","value":{"type":"string"}},{"name":"header-group-styles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","value":{"type":"any"}},{"name":"cell-classes","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","value":{"type":"any"}},{"name":"cell-styles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","value":{"type":"any"}},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","value":{"type":"any"}},{"name":"summary-formatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","value":{"type":"any"}},{"name":"filtering-ignore-case","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","value":{"type":"boolean"}},{"name":"sorting-ignore-case","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","value":{"type":"boolean"}},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","value":{"type":"boolean"}},{"name":"data-type","description":"Sets/gets the data type of the column values.  Default value is `string`.","value":{"type":"GridColumnDataType"}},{"name":"row-end","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","value":{"type":"number"}},{"name":"col-end","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","value":{"type":"number"}},{"name":"row-start","description":"Row index from which the field is starting.","value":{"type":"number"}},{"name":"col-start","description":"Column index from which the field is starting.","value":{"type":"number"}},{"name":"additional-template-context","description":"Sets/gets custom properties provided in additional template context.","value":{"type":"any"}},{"name":"min-width","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","value":{"type":"string"}},{"name":"pinned","description":"Gets whether the column is `pinned`.","value":{"type":"boolean"}},{"name":"summaries","description":"Gets the column `summaries`.","value":{"type":"any"}},{"name":"disabled-summaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","value":{"type":"string[]"}},{"name":"filters","description":"Gets the column `filters`.","value":{"type":"IgcFilteringOperand"}},{"name":"sort-strategy","description":"Gets the column `sortStrategy`.","value":{"type":"IgcSortingStrategy"}},{"name":"visible-when-collapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","value":{"type":"boolean"}},{"name":"pipe-args","value":{"type":"IgcColumnPipeArgs"}},{"name":"editor-options","description":"Pass optional properties for the default column editors.","value":{"type":"IgcColumnEditorOptions"}},{"name":"parent","description":"Sets/gets the parent column.","value":{"type":"any"}}],"events":[{"name":"hiddenChange","type":"CustomEvent","description":"Emitted when the column is hidden or shown."},{"name":"expandedChange","type":"CustomEvent","description":"Emitted when the column expanded or collapsed."},{"name":"widthChange","type":"CustomEvent","description":"Emitted when the column width changes."},{"name":"pinnedChange","type":"CustomEvent","description":"Emitted when the column is pinned/unpinned."}],"js":{"properties":[{"name":"width","description":"Gets the width of the column layout.","type":"any"},{"name":"visibleIndex","description":"Gets the column visible index.  If the column is not visible, returns `-1`.","type":"number"},{"name":"children","type":"HTMLCollection"},{"name":"collapsible","description":"Set if the column group is collapsible.  Default value is `false`","type":"boolean"},{"name":"expanded","description":"Set whether the group is expanded or collapsed initially.  Applied only if the collapsible property is set to `true`  Default value is `true`","type":"boolean"},{"name":"summaries","description":"Gets the column group `summaries`.","type":"any"},{"name":"filters","description":"Gets the column group `filters`.","type":"any"},{"name":"selectable","description":"Returns if the column group is selectable","type":"boolean"},{"name":"collapsibleIndicatorTemplate","description":"Allows you to define a custom template for expand/collapse indicator","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"hidden","description":"Gets whether the column group is hidden.","type":"boolean"},{"name":"selected","description":"Returns if the column group is selected.","type":"boolean"},{"name":"childColumns","description":"A list containing all the child columns under this column (if any).  Empty without children or if this column is not Group or Layout.","type":"IgcColumnComponent[]"},{"name":"columnGroup","description":"Returns a boolean indicating if the column is a `ColumnGroup`.","type":"boolean"},{"name":"columnLayout","description":"Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"width","description":"Gets the width of the column group.","type":"string"},{"name":"field","description":"Sets/gets the `field` value.","type":"string"},{"name":"header","description":"Sets/gets the `header` value.","type":"string"},{"name":"title","description":"Sets/gets the `title` value.","type":"string"},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","type":"boolean"},{"name":"selectable","description":"Returns if the column is selectable.","type":"boolean"},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","type":"boolean"},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","type":"boolean"},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","type":"boolean"},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","type":"boolean"},{"name":"autosizeHeader","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","type":"boolean"},{"name":"hasSummary","description":"Gets a value indicating whether the summary for the column is enabled.","type":"boolean"},{"name":"hidden","description":"Gets whether the column is hidden.","type":"boolean"},{"name":"selected","description":"Returns if the column is selected.","type":"boolean"},{"name":"disableHiding","description":"Gets whether the hiding is disabled.","type":"boolean"},{"name":"disablePinning","description":"Gets whether the pinning is disabled.","type":"boolean"},{"name":"width","description":"Gets the `width` of the column.","type":"string"},{"name":"maxWidth","description":"Sets/gets the maximum `width` of the column.","type":"string"},{"name":"headerClasses","description":"Sets/gets the class selector of the column header.","type":"string"},{"name":"headerStyles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","type":"any"},{"name":"headerGroupClasses","description":"Sets/gets the class selector of the column group header.","type":"string"},{"name":"headerGroupStyles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","type":"any"},{"name":"cellClasses","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","type":"any"},{"name":"cellStyles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","type":"any"},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","type":"any"},{"name":"summaryFormatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","type":"any"},{"name":"filteringIgnoreCase","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","type":"boolean"},{"name":"sortingIgnoreCase","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","type":"boolean"},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","type":"boolean"},{"name":"dataType","description":"Sets/gets the data type of the column values.  Default value is `string`.","type":"GridColumnDataType"},{"name":"rowEnd","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","type":"number"},{"name":"colEnd","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","type":"number"},{"name":"rowStart","description":"Row index from which the field is starting.","type":"number"},{"name":"colStart","description":"Column index from which the field is starting.","type":"number"},{"name":"additionalTemplateContext","description":"Sets/gets custom properties provided in additional template context.","type":"any"},{"name":"minWidth","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","type":"string"},{"name":"index","description":"Gets the column index.","type":"number"},{"name":"pinned","description":"Gets whether the column is `pinned`.","type":"boolean"},{"name":"summaries","description":"Gets the column `summaries`.","type":"any"},{"name":"disabledSummaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","type":"string[]"},{"name":"filters","description":"Gets the column `filters`.","type":"IgcFilteringOperand"},{"name":"sortStrategy","description":"Gets the column `sortStrategy`.","type":"IgcSortingStrategy"},{"name":"summaryTemplate","description":"Returns a reference to the `summaryTemplate`.","type":"IgcRenderFunction<IgcSummaryTemplateContext>"},{"name":"bodyTemplate","description":"Returns a reference to the `bodyTemplate`.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"headerTemplate","description":"Returns a reference to the header template.","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"inlineEditorTemplate","description":"Returns a reference to the inline editor template.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"errorTemplate","description":"Returns a reference to the validation error template.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"filterCellTemplate","description":"Returns a reference to the `filterCellTemplate`.","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"visibleIndex","description":"Gets the column visible index.  If the column is not visible, returns `-1`.","type":"number"},{"name":"columnGroup","description":"Returns a boolean indicating if the column is a `ColumnGroup`.","type":"boolean"},{"name":"columnLayout","description":"Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"columnLayoutChild","description":"Returns a boolean indicating if the column is a child of a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"childColumns","description":"A list containing all the child columns under this column (if any).  Empty without children or if this column is not Group or Layout.","type":"IgcColumnComponent[]"},{"name":"level","description":"Returns the level of the column in a column group.  Returns `0` if the column doesn't have a `parent`.","type":"number"},{"name":"visibleWhenCollapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","type":"boolean"},{"name":"pipeArgs","type":"IgcColumnPipeArgs"},{"name":"editorOptions","description":"Pass optional properties for the default column editors.","type":"IgcColumnEditorOptions"},{"name":"filteringExpressionsTree","description":"Returns the filteringExpressionsTree of the column.","type":"IgcFilteringExpressionsTree"},{"name":"parent","description":"Sets/gets the parent column.","type":"any"},{"name":"topLevelParent","description":"Returns a reference to the top level parent column.","type":"IgcColumnComponent"}],"events":[{"name":"hiddenChange","type":"CustomEvent","description":"Emitted when the column is hidden or shown."},{"name":"expandedChange","type":"CustomEvent","description":"Emitted when the column expanded or collapsed."},{"name":"widthChange","type":"CustomEvent","description":"Emitted when the column width changes."},{"name":"pinnedChange","type":"CustomEvent","description":"Emitted when the column is pinned/unpinned."}]}},{"name":"igc-grid","description":"Grid provides a way to present and manipulate tabular data.\n---\n\n\n### **Events:**\n - **dataPreLoad** - Emitted when a new chunk of data is loaded from virtualization.\n- **groupingExpressionsChange** - Emitted when grouping is performed.\n- **groupingExpansionStateChange** - Emitted when groups are expanded/collapsed.\n- **groupingDone** - Emitted when columns are grouped/ungrouped.\n- **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **expansionStatesChange** - Emitted when the rows are expanded or collapsed.\n- **selectedRowsChange** - Emitted when the rows are selected or deselected.\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emitted when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","doc-url":"","attributes":[{"name":"groups-expanded","description":"Gets/Sets whether created groups are rendered expanded or collapsed.","value":{"type":"boolean"}},{"name":"id","description":"Gets/Sets the value of the `id` attribute.","value":{"type":"string"}},{"name":"data","description":"Gets/Sets the array of data that populates the component.","value":{"type":"any[]"}},{"name":"total-item-count","description":"Gets/Sets the total number of records in the data source.","value":{"type":"number"}},{"name":"grouping-expressions","description":"Gets/Sets the group by state.","value":{"type":"IgcGroupingExpression[]"}},{"name":"grouping-expansion-state","description":"Gets/Sets a list of expansion states for group rows.","value":{"type":"IgcGroupByExpandState[]"}},{"name":"hide-grouped-columns","description":"Gets/Sets whether the grouped columns should be hidden.","value":{"type":"boolean"}},{"name":"group-strategy","description":"Gets/Sets the grouping strategy of the grid.","value":{"type":"IgcGridGroupingStrategy"}},{"name":"drop-area-message","description":"Gets/Sets the message displayed inside the GroupBy drop area where columns can be dragged on.","value":{"type":"string"}},{"name":"show-group-area","description":"Returns whether the `IgxGridComponent` has group area.","value":{"type":"boolean"}},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","value":{"type":"number"}},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","value":{"type":"boolean"}},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","value":{"type":"string[]"}},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","value":{"type":"boolean"}},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","value":{"type":"number"}},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","value":{"type":"IgcDataCloneStrategy"}},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","value":{"type":"IgcClipboardOptions"}},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","value":{"type":"any"}},{"name":"row-styles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","value":{"type":"any"}},{"name":"primary-key","description":"Gets/Sets the primary key.","value":{"type":"string"}},{"name":"column-list","value":{"type":"IgcColumnComponent[]"}},{"name":"action-strip-components","value":{"type":"IgcActionStripToken[]"}},{"name":"toolbar","value":{"type":"IgcGridToolbarComponent[]"}},{"name":"pagination-components","value":{"type":"IgcPaginatorComponent[]"}},{"name":"resource-strings","description":"Gets/Sets the resource strings.","value":{"type":"IgcGridResourceStrings"}},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","value":{"type":"FilteringLogic"}},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"advanced-filtering-expressions-tree","description":"Gets/Sets the advanced filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"locale","description":"Gets/Sets the locale.","value":{"type":"string"}},{"name":"paging-mode","value":{"type":"GridPagingMode"}},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","value":{"type":"boolean"}},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","value":{"type":"boolean"}},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","value":{"type":"GridValidationTrigger"}},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","value":{"type":"boolean"}},{"name":"height","description":"Gets/Sets the height.","value":{"type":"string"}},{"name":"width","description":"Gets/Sets the width of the grid.","value":{"type":"string"}},{"name":"row-height","description":"Gets/Sets the row height.","value":{"type":"number"}},{"name":"column-width","description":"Gets/Sets the default width of the columns.","value":{"type":"string"}},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","value":{"type":"string"}},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","value":{"type":"boolean"}},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","value":{"type":"boolean"}},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","value":{"type":"string"}},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","value":{"type":"IgcPinningConfig"}},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","value":{"type":"boolean"}},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","value":{"type":"boolean"}},{"name":"filter-mode","description":"Gets/Sets the filter mode.","value":{"type":"FilterMode"}},{"name":"summary-position","description":"Gets/Sets the summary position.","value":{"type":"GridSummaryPosition"}},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","value":{"type":"GridSummaryCalculationMode"}},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","value":{"type":"boolean"}},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","value":{"type":"IgcFilteringStrategy"}},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","value":{"type":"IgcGridSortingStrategy"}},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","value":{"type":"IgcSortingOptions"}},{"name":"selected-rows","description":"Gets/Sets the current selection state.","value":{"type":"any[]"}},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","value":{"type":"IgcSortingExpression[]"}},{"name":"batch-editing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","value":{"type":"boolean"}},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","value":{"type":"GridSelectionMode"}},{"name":"row-selection","description":"Gets/Sets row selection mode","value":{"type":"GridSelectionMode"}},{"name":"column-selection","description":"Gets/Sets column selection mode","value":{"type":"GridSelectionMode"}},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","value":{"type":"IgcOverlayOutletDirective"}},{"name":"total-records","description":"Returns the total number of records.","value":{"type":"number"}},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","value":{"type":"boolean"}}],"events":[{"name":"dataPreLoad","type":"CustomEvent<IgcForOfState>","description":"Emitted when a new chunk of data is loaded from virtualization."},{"name":"groupingExpressionsChange","type":"CustomEvent<IgcGroupingExpression[]>","description":"Emitted when grouping is performed."},{"name":"groupingExpansionStateChange","type":"CustomEvent<IgcGroupByExpandState[]>","description":"Emitted when groups are expanded/collapsed."},{"name":"groupingDone","type":"CustomEvent<IgcGroupingDoneEventArgs>","description":"Emitted when columns are grouped/ungrouped."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<IgcMap>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangingEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}],"js":{"properties":[{"name":"groupsExpanded","description":"Gets/Sets whether created groups are rendered expanded or collapsed.","type":"boolean"},{"name":"dropAreaTemplate","description":"Gets/Sets the template that will be rendered as a GroupBy drop area.","type":"IgcRenderFunction<void>"},{"name":"detailTemplate","description":"Returns a reference to the master-detail template.","type":"IgcRenderFunction<IgcGridMasterDetailContext>"},{"name":"id","description":"Gets/Sets the value of the `id` attribute.","type":"string"},{"name":"groupsRecords","description":"Gets the hierarchical representation of the group by records.","type":"IgcGroupByRecord[]"},{"name":"data","description":"Gets/Sets the array of data that populates the component.","type":"any[]"},{"name":"totalItemCount","description":"Gets/Sets the total number of records in the data source.","type":"number"},{"name":"groupingExpressions","description":"Gets/Sets the group by state.","type":"IgcGroupingExpression[]"},{"name":"groupingExpansionState","description":"Gets/Sets a list of expansion states for group rows.","type":"IgcGroupByExpandState[]"},{"name":"hideGroupedColumns","description":"Gets/Sets whether the grouped columns should be hidden.","type":"boolean"},{"name":"groupStrategy","description":"Gets/Sets the grouping strategy of the grid.","type":"IgcGridGroupingStrategy"},{"name":"dropAreaMessage","description":"Gets/Sets the message displayed inside the GroupBy drop area where columns can be dragged on.","type":"string"},{"name":"groupByRowSelectorTemplate","description":"Gets the group by row selector template.","type":"IgcRenderFunction<IgcGroupByRowSelectorTemplateContext>"},{"name":"groupRowTemplate","description":"Gets/Sets the template reference for the group row.","type":"IgcRenderFunction<IgcGroupByRowTemplateContext>"},{"name":"showGroupArea","description":"Returns whether the `IgxGridComponent` has group area.","type":"boolean"},{"name":"selectedCells","description":"Returns an array of the selected `IgxGridCell`s.","type":"IgcCellType[]"},{"name":"snackbarDisplayTime","description":"Gets/Sets the display time for the row adding snackbar notification.","type":"number"},{"name":"autoGenerate","description":"Gets/Sets whether to auto-generate the columns.","type":"boolean"},{"name":"autoGenerateExclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","type":"string[]"},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","type":"boolean"},{"name":"emptyGridTemplate","description":"Gets/Sets a custom template when empty.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"addRowEmptyTemplate","description":"Gets/Sets a custom template for adding row UI when grid is empty.","type":"IgcRenderFunction<void>"},{"name":"loadingGridTemplate","description":"Gets/Sets a custom template when loading.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"summaryRowHeight","description":"Get/Set IgxSummaryRow height","type":"number"},{"name":"dataCloneStrategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","type":"IgcDataCloneStrategy"},{"name":"clipboardOptions","description":"Controls the copy behavior of the grid.","type":"IgcClipboardOptions"},{"name":"rowClasses","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","type":"any"},{"name":"rowStyles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","type":"any"},{"name":"primaryKey","description":"Gets/Sets the primary key.","type":"string"},{"name":"columnList","type":"IgcColumnComponent[]"},{"name":"actionStripComponents","type":"IgcActionStripToken[]"},{"name":"dragGhostCustomTemplate","description":"Gets the custom template, if any, used for row drag ghost.","type":"IgcRenderFunction<IgcGridRowDragGhostContext>"},{"name":"rowEditTextTemplate","description":"Gets the row edit text template.","type":"IgcRenderFunction<IgcGridRowEditTextTemplateContext>"},{"name":"rowAddTextTemplate","description":"Gets the row add text template.","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"rowEditActionsTemplate","description":"Gets the row edit actions template.","type":"IgcRenderFunction<IgcGridRowEditActionsTemplateContext>"},{"name":"rowExpandedIndicatorTemplate","description":"Gets the row expand indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"rowCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"headerExpandedIndicatorTemplate","description":"Gets the header expand indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"headerCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"excelStyleHeaderIconTemplate","description":"Gets the excel style header icon.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortAscendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortDescendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortHeaderIconTemplate","description":"Gets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"toolbar","type":"IgcGridToolbarComponent[]"},{"name":"paginationComponents","type":"IgcPaginatorComponent[]"},{"name":"resourceStrings","description":"Gets/Sets the resource strings.","type":"IgcGridResourceStrings"},{"name":"filteringLogic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","type":"FilteringLogic"},{"name":"filteringExpressionsTree","description":"Gets/Sets the filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"advancedFilteringExpressionsTree","description":"Gets/Sets the advanced filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"locale","description":"Gets/Sets the locale.","type":"string"},{"name":"pagingMode","type":"GridPagingMode"},{"name":"hideRowSelectors","description":"Gets/Sets if the row selectors are hidden.","type":"boolean"},{"name":"rowDraggable","description":"Gets/Sets whether rows can be moved.","type":"boolean"},{"name":"validationTrigger","description":"Gets/Sets the trigger for validators used when editing the grid.","type":"GridValidationTrigger"},{"name":"rowEditable","description":"Gets/Sets whether the rows are editable.","type":"boolean"},{"name":"height","description":"Gets/Sets the height.","type":"string"},{"name":"width","description":"Gets/Sets the width of the grid.","type":"string"},{"name":"rowHeight","description":"Gets/Sets the row height.","type":"number"},{"name":"columnWidth","description":"Gets/Sets the default width of the columns.","type":"string"},{"name":"emptyGridMessage","description":"Get/Sets the message displayed when there are no records.","type":"string"},{"name":"isLoading","description":"Gets/Sets whether the grid is going to show a loading indicator.","type":"boolean"},{"name":"shouldGenerate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","type":"boolean"},{"name":"emptyFilteredGridMessage","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","type":"string"},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","type":"IgcPinningConfig"},{"name":"allowFiltering","description":"Gets/Sets if the filtering is enabled.","type":"boolean"},{"name":"allowAdvancedFiltering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","type":"boolean"},{"name":"filterMode","description":"Gets/Sets the filter mode.","type":"FilterMode"},{"name":"summaryPosition","description":"Gets/Sets the summary position.","type":"GridSummaryPosition"},{"name":"summaryCalculationMode","description":"Gets/Sets the summary calculation mode.","type":"GridSummaryCalculationMode"},{"name":"showSummaryOnCollapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","type":"boolean"},{"name":"filterStrategy","description":"Gets/Sets the filtering strategy of the grid.","type":"IgcFilteringStrategy"},{"name":"sortStrategy","description":"Gets/Sets the sorting strategy of the grid.","type":"IgcGridSortingStrategy"},{"name":"sortingOptions","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","type":"IgcSortingOptions"},{"name":"selectedRows","description":"Gets/Sets the current selection state.","type":"any[]"},{"name":"rowList","description":"A list of `IgxGridRowComponent`.","type":"IgcRowDirective[]"},{"name":"dataRowList","description":"A list of currently rendered `IgxGridRowComponent`'s.","type":"IgcRowDirective[]"},{"name":"headSelectorTemplate","description":"Gets the header row selector template.","type":"IgcRenderFunction<IgcHeadSelectorTemplateContext>"},{"name":"rowSelectorTemplate","description":"Gets the row selector template.","type":"IgcRenderFunction<IgcRowSelectorTemplateContext>"},{"name":"dragIndicatorIconTemplate","description":"The custom template, if any, that should be used when rendering the row drag indicator icon","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"sortingExpressions","description":"Gets/Sets the sorting state.","type":"IgcSortingExpression[]"},{"name":"hiddenColumnsCount","description":"Gets the number of hidden columns.","type":"number"},{"name":"pinnedColumnsCount","description":"Gets the number of pinned columns.","type":"number"},{"name":"batchEditing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","type":"boolean"},{"name":"cellSelection","description":"Gets/Sets cell selection mode.","type":"GridSelectionMode"},{"name":"rowSelection","description":"Gets/Sets row selection mode","type":"GridSelectionMode"},{"name":"columnSelection","description":"Gets/Sets column selection mode","type":"GridSelectionMode"},{"name":"lastSearchInfo","description":"Represents the last search information.","type":"IgcSearchInfo"},{"name":"filteredData","description":"Returns an array of objects containing the filtered data.","type":"any"},{"name":"filteredSortedData","description":"Returns an array containing the filtered sorted data.","type":"any[]"},{"name":"virtualizationState","description":"Returns the state of the grid virtualization.","type":"IgcForOfState"},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","type":"IgcOverlayOutletDirective"},{"name":"defaultRowHeight","description":"Gets the default row height.","type":"number"},{"name":"defaultHeaderGroupMinWidth","description":"Returns the `IgxGridHeaderGroupComponent`'s minimum allowed width.","type":"number"},{"name":"columns","description":"Gets an array of `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedColumns","description":"Gets an array of the pinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedRows","description":"Gets an array of the pinned `IgxRowComponent`s.","type":"IgcGridRowComponent[]"},{"name":"unpinnedColumns","description":"Gets an array of unpinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"visibleColumns","description":"Returns an array of visible `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"totalRecords","description":"Returns the total number of records.","type":"number"},{"name":"dataView","description":"Returns the currently transformed paged/filtered/sorted/grouped/pinned/unpinned row data, displayed in the grid.","type":"any[]"},{"name":"selectRowOnClick","description":"Gets/Sets whether clicking over a row should select/deselect it","type":"boolean"}],"events":[{"name":"dataPreLoad","type":"CustomEvent<IgcForOfState>","description":"Emitted when a new chunk of data is loaded from virtualization."},{"name":"groupingExpressionsChange","type":"CustomEvent<IgcGroupingExpression[]>","description":"Emitted when grouping is performed."},{"name":"groupingExpansionStateChange","type":"CustomEvent<IgcGroupByExpandState[]>","description":"Emitted when groups are expanded/collapsed."},{"name":"groupingDone","type":"CustomEvent<IgcGroupingDoneEventArgs>","description":"Emitted when columns are grouped/ungrouped."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<IgcMap>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangingEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}]}},{"name":"igc-hierarchical-grid","description":"Hierarchical grid\n---\n\n\n### **Events:**\n - **dataPreLoad** - Emitted when a new chunk of data is loaded from virtualization.\n- **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **expansionStatesChange** - Emitted when the rows are expanded or collapsed.\n- **selectedRowsChange** - Emitted when the rows are selected or deselected.\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emitted when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","doc-url":"","attributes":[{"name":"child-layout-list","value":{"type":"IgcRowIslandComponent[]"}},{"name":"advanced-filtering-expressions-tree","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"id","description":"Gets/Sets the value of the `id` attribute.","value":{"type":"string"}},{"name":"data","description":"Gets/Sets the array of data that populates the component.","value":{"type":"any[]"}},{"name":"total-item-count","description":"Gets/Sets the total number of records in the data source.","value":{"type":"number"}},{"name":"expand-children","description":"Sets if all immediate children of the `IgxHierarchicalGridComponent` should be expanded/collapsed.  Default value is false.","value":{"type":"boolean"}},{"name":"schema","description":"Gets/Sets the schema for the hierarchical grid.  This schema defines the structure and properties of the data displayed in the grid.","value":{"type":"IgcEntityType[]"}},{"name":"has-children-key","description":"Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.","value":{"type":"string"}},{"name":"show-expand-all","description":"Gets/Sets whether the expand/collapse all button in the header should be rendered.","value":{"type":"boolean"}},{"name":"root-grid","value":{"type":"IgcGridBaseDirective"}},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","value":{"type":"number"}},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","value":{"type":"boolean"}},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","value":{"type":"string[]"}},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","value":{"type":"boolean"}},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","value":{"type":"number"}},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","value":{"type":"IgcDataCloneStrategy"}},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","value":{"type":"IgcClipboardOptions"}},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","value":{"type":"any"}},{"name":"row-styles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","value":{"type":"any"}},{"name":"primary-key","description":"Gets/Sets the primary key.","value":{"type":"string"}},{"name":"column-list","value":{"type":"IgcColumnComponent[]"}},{"name":"action-strip-components","value":{"type":"IgcActionStripToken[]"}},{"name":"toolbar","value":{"type":"IgcGridToolbarComponent[]"}},{"name":"pagination-components","value":{"type":"IgcPaginatorComponent[]"}},{"name":"resource-strings","description":"Gets/Sets the resource strings.","value":{"type":"IgcGridResourceStrings"}},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","value":{"type":"FilteringLogic"}},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"locale","description":"Gets/Sets the locale.","value":{"type":"string"}},{"name":"paging-mode","value":{"type":"GridPagingMode"}},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","value":{"type":"boolean"}},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","value":{"type":"boolean"}},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","value":{"type":"GridValidationTrigger"}},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","value":{"type":"boolean"}},{"name":"height","description":"Gets/Sets the height.","value":{"type":"string"}},{"name":"width","description":"Gets/Sets the width of the grid.","value":{"type":"string"}},{"name":"row-height","description":"Gets/Sets the row height.","value":{"type":"number"}},{"name":"column-width","description":"Gets/Sets the default width of the columns.","value":{"type":"string"}},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","value":{"type":"string"}},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","value":{"type":"boolean"}},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","value":{"type":"boolean"}},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","value":{"type":"string"}},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","value":{"type":"IgcPinningConfig"}},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","value":{"type":"boolean"}},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","value":{"type":"boolean"}},{"name":"filter-mode","description":"Gets/Sets the filter mode.","value":{"type":"FilterMode"}},{"name":"summary-position","description":"Gets/Sets the summary position.","value":{"type":"GridSummaryPosition"}},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","value":{"type":"GridSummaryCalculationMode"}},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","value":{"type":"boolean"}},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","value":{"type":"IgcFilteringStrategy"}},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","value":{"type":"IgcGridSortingStrategy"}},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","value":{"type":"IgcSortingOptions"}},{"name":"selected-rows","description":"Gets/Sets the current selection state.","value":{"type":"any[]"}},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","value":{"type":"IgcSortingExpression[]"}},{"name":"batch-editing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","value":{"type":"boolean"}},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","value":{"type":"GridSelectionMode"}},{"name":"row-selection","description":"Gets/Sets row selection mode","value":{"type":"GridSelectionMode"}},{"name":"column-selection","description":"Gets/Sets column selection mode","value":{"type":"GridSelectionMode"}},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","value":{"type":"IgcOverlayOutletDirective"}},{"name":"total-records","description":"Returns the total number of records.","value":{"type":"number"}},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","value":{"type":"boolean"}}],"events":[{"name":"dataPreLoad","type":"CustomEvent<IgcForOfState>","description":"Emitted when a new chunk of data is loaded from virtualization."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<IgcMap>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangingEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}],"js":{"properties":[{"name":"childLayoutList","type":"IgcRowIslandComponent[]"},{"name":"advancedFilteringExpressionsTree","type":"IgcFilteringExpressionsTree"},{"name":"id","description":"Gets/Sets the value of the `id` attribute.","type":"string"},{"name":"data","description":"Gets/Sets the array of data that populates the component.","type":"any[]"},{"name":"totalItemCount","description":"Gets/Sets the total number of records in the data source.","type":"number"},{"name":"expandChildren","description":"Sets if all immediate children of the `IgxHierarchicalGridComponent` should be expanded/collapsed.  Default value is false.","type":"boolean"},{"name":"schema","description":"Gets/Sets the schema for the hierarchical grid.  This schema defines the structure and properties of the data displayed in the grid.","type":"IgcEntityType[]"},{"name":"foreignKey","description":"Gets the unique identifier of the parent row. It may be a `string` or `number` if `primaryKey` of the  parent grid is set or an object reference of the parent record otherwise.","type":"any"},{"name":"selectedCells","description":"Returns an array of the selected `IgxGridCell`s.","type":"IgcCellType[]"},{"name":"hasChildrenKey","description":"Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.","type":"string"},{"name":"showExpandAll","description":"Gets/Sets whether the expand/collapse all button in the header should be rendered.","type":"boolean"},{"name":"rootGrid","type":"IgcGridBaseDirective"},{"name":"snackbarDisplayTime","description":"Gets/Sets the display time for the row adding snackbar notification.","type":"number"},{"name":"autoGenerate","description":"Gets/Sets whether to auto-generate the columns.","type":"boolean"},{"name":"autoGenerateExclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","type":"string[]"},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","type":"boolean"},{"name":"emptyGridTemplate","description":"Gets/Sets a custom template when empty.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"addRowEmptyTemplate","description":"Gets/Sets a custom template for adding row UI when grid is empty.","type":"IgcRenderFunction<void>"},{"name":"loadingGridTemplate","description":"Gets/Sets a custom template when loading.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"summaryRowHeight","description":"Get/Set IgxSummaryRow height","type":"number"},{"name":"dataCloneStrategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","type":"IgcDataCloneStrategy"},{"name":"clipboardOptions","description":"Controls the copy behavior of the grid.","type":"IgcClipboardOptions"},{"name":"rowClasses","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","type":"any"},{"name":"rowStyles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","type":"any"},{"name":"primaryKey","description":"Gets/Sets the primary key.","type":"string"},{"name":"columnList","type":"IgcColumnComponent[]"},{"name":"actionStripComponents","type":"IgcActionStripToken[]"},{"name":"dragGhostCustomTemplate","description":"Gets the custom template, if any, used for row drag ghost.","type":"IgcRenderFunction<IgcGridRowDragGhostContext>"},{"name":"rowEditTextTemplate","description":"Gets the row edit text template.","type":"IgcRenderFunction<IgcGridRowEditTextTemplateContext>"},{"name":"rowAddTextTemplate","description":"Gets the row add text template.","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"rowEditActionsTemplate","description":"Gets the row edit actions template.","type":"IgcRenderFunction<IgcGridRowEditActionsTemplateContext>"},{"name":"rowExpandedIndicatorTemplate","description":"Gets the row expand indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"rowCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"headerExpandedIndicatorTemplate","description":"Gets the header expand indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"headerCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"excelStyleHeaderIconTemplate","description":"Gets the excel style header icon.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortAscendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortDescendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortHeaderIconTemplate","description":"Gets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"toolbar","type":"IgcGridToolbarComponent[]"},{"name":"paginationComponents","type":"IgcPaginatorComponent[]"},{"name":"resourceStrings","description":"Gets/Sets the resource strings.","type":"IgcGridResourceStrings"},{"name":"filteringLogic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","type":"FilteringLogic"},{"name":"filteringExpressionsTree","description":"Gets/Sets the filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"advancedFilteringExpressionsTree","description":"Gets/Sets the advanced filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"locale","description":"Gets/Sets the locale.","type":"string"},{"name":"pagingMode","type":"GridPagingMode"},{"name":"hideRowSelectors","description":"Gets/Sets if the row selectors are hidden.","type":"boolean"},{"name":"rowDraggable","description":"Gets/Sets whether rows can be moved.","type":"boolean"},{"name":"validationTrigger","description":"Gets/Sets the trigger for validators used when editing the grid.","type":"GridValidationTrigger"},{"name":"rowEditable","description":"Gets/Sets whether the rows are editable.","type":"boolean"},{"name":"height","description":"Gets/Sets the height.","type":"string"},{"name":"width","description":"Gets/Sets the width of the grid.","type":"string"},{"name":"rowHeight","description":"Gets/Sets the row height.","type":"number"},{"name":"columnWidth","description":"Gets/Sets the default width of the columns.","type":"string"},{"name":"emptyGridMessage","description":"Get/Sets the message displayed when there are no records.","type":"string"},{"name":"isLoading","description":"Gets/Sets whether the grid is going to show a loading indicator.","type":"boolean"},{"name":"shouldGenerate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","type":"boolean"},{"name":"emptyFilteredGridMessage","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","type":"string"},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","type":"IgcPinningConfig"},{"name":"allowFiltering","description":"Gets/Sets if the filtering is enabled.","type":"boolean"},{"name":"allowAdvancedFiltering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","type":"boolean"},{"name":"filterMode","description":"Gets/Sets the filter mode.","type":"FilterMode"},{"name":"summaryPosition","description":"Gets/Sets the summary position.","type":"GridSummaryPosition"},{"name":"summaryCalculationMode","description":"Gets/Sets the summary calculation mode.","type":"GridSummaryCalculationMode"},{"name":"showSummaryOnCollapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","type":"boolean"},{"name":"filterStrategy","description":"Gets/Sets the filtering strategy of the grid.","type":"IgcFilteringStrategy"},{"name":"sortStrategy","description":"Gets/Sets the sorting strategy of the grid.","type":"IgcGridSortingStrategy"},{"name":"sortingOptions","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","type":"IgcSortingOptions"},{"name":"selectedRows","description":"Gets/Sets the current selection state.","type":"any[]"},{"name":"rowList","description":"A list of `IgxGridRowComponent`.","type":"IgcRowDirective[]"},{"name":"dataRowList","description":"A list of currently rendered `IgxGridRowComponent`'s.","type":"IgcRowDirective[]"},{"name":"headSelectorTemplate","description":"Gets the header row selector template.","type":"IgcRenderFunction<IgcHeadSelectorTemplateContext>"},{"name":"rowSelectorTemplate","description":"Gets the row selector template.","type":"IgcRenderFunction<IgcRowSelectorTemplateContext>"},{"name":"dragIndicatorIconTemplate","description":"The custom template, if any, that should be used when rendering the row drag indicator icon","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"sortingExpressions","description":"Gets/Sets the sorting state.","type":"IgcSortingExpression[]"},{"name":"hiddenColumnsCount","description":"Gets the number of hidden columns.","type":"number"},{"name":"pinnedColumnsCount","description":"Gets the number of pinned columns.","type":"number"},{"name":"batchEditing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","type":"boolean"},{"name":"cellSelection","description":"Gets/Sets cell selection mode.","type":"GridSelectionMode"},{"name":"rowSelection","description":"Gets/Sets row selection mode","type":"GridSelectionMode"},{"name":"columnSelection","description":"Gets/Sets column selection mode","type":"GridSelectionMode"},{"name":"lastSearchInfo","description":"Represents the last search information.","type":"IgcSearchInfo"},{"name":"filteredData","description":"Returns an array of objects containing the filtered data.","type":"any"},{"name":"filteredSortedData","description":"Returns an array containing the filtered sorted data.","type":"any[]"},{"name":"virtualizationState","description":"Returns the state of the grid virtualization.","type":"IgcForOfState"},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","type":"IgcOverlayOutletDirective"},{"name":"defaultRowHeight","description":"Gets the default row height.","type":"number"},{"name":"defaultHeaderGroupMinWidth","description":"Returns the `IgxGridHeaderGroupComponent`'s minimum allowed width.","type":"number"},{"name":"columns","description":"Gets an array of `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedColumns","description":"Gets an array of the pinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedRows","description":"Gets an array of the pinned `IgxRowComponent`s.","type":"IgcGridRowComponent[]"},{"name":"unpinnedColumns","description":"Gets an array of unpinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"visibleColumns","description":"Returns an array of visible `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"totalRecords","description":"Returns the total number of records.","type":"number"},{"name":"dataView","description":"Returns the currently transformed paged/filtered/sorted/grouped/pinned/unpinned row data, displayed in the grid.","type":"any[]"},{"name":"selectRowOnClick","description":"Gets/Sets whether clicking over a row should select/deselect it","type":"boolean"}],"events":[{"name":"dataPreLoad","type":"CustomEvent<IgcForOfState>","description":"Emitted when a new chunk of data is loaded from virtualization."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<IgcMap>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangingEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}]}},{"name":"igc-row-island","description":"Row island\n---\n\n\n### **Events:**\n - **gridCreated** - Event emitted when a grid is being created based on this row island.\n- **gridInitialized** - Emitted after a grid is being initialized for this row island.  The emitting is done in `ngAfterViewInit`.\n- **dataPreLoad** - Emitted when a new chunk of data is loaded from virtualization.\n- **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **expansionStatesChange** - Emitted when the rows are expanded or collapsed.\n- **selectedRowsChange** - Emitted when the rows are selected or deselected.\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emitted when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","doc-url":"","attributes":[{"name":"child-data-key","description":"Sets the key of the row island by which child data would be taken from the row data if such is provided.","value":{"type":"string"}},{"name":"child-layout-list","value":{"type":"IgcRowIslandComponent[]"}},{"name":"action-strip-components","value":{"type":"IgcActionStripToken[]"}},{"name":"expand-children","description":"Sets if all immediate children of the grids for this `IgxRowIslandComponent` should be expanded/collapsed.","value":{"type":"boolean"}},{"name":"has-children-key","description":"Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.","value":{"type":"string"}},{"name":"show-expand-all","description":"Gets/Sets whether the expand/collapse all button in the header should be rendered.","value":{"type":"boolean"}},{"name":"batch-editing","value":{"type":"boolean"}},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","value":{"type":"number"}},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","value":{"type":"boolean"}},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","value":{"type":"string[]"}},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","value":{"type":"boolean"}},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","value":{"type":"number"}},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","value":{"type":"IgcDataCloneStrategy"}},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","value":{"type":"IgcClipboardOptions"}},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","value":{"type":"any"}},{"name":"row-styles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","value":{"type":"any"}},{"name":"primary-key","description":"Gets/Sets the primary key.","value":{"type":"string"}},{"name":"column-list","value":{"type":"IgcColumnComponent[]"}},{"name":"toolbar","value":{"type":"IgcGridToolbarComponent[]"}},{"name":"pagination-components","value":{"type":"IgcPaginatorComponent[]"}},{"name":"resource-strings","description":"Gets/Sets the resource strings.","value":{"type":"IgcGridResourceStrings"}},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","value":{"type":"FilteringLogic"}},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"advanced-filtering-expressions-tree","description":"Gets/Sets the advanced filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"locale","description":"Gets/Sets the locale.","value":{"type":"string"}},{"name":"paging-mode","value":{"type":"GridPagingMode"}},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","value":{"type":"boolean"}},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","value":{"type":"boolean"}},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","value":{"type":"GridValidationTrigger"}},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","value":{"type":"boolean"}},{"name":"height","description":"Gets/Sets the height.","value":{"type":"string"}},{"name":"width","description":"Gets/Sets the width of the grid.","value":{"type":"string"}},{"name":"row-height","description":"Gets/Sets the row height.","value":{"type":"number"}},{"name":"column-width","description":"Gets/Sets the default width of the columns.","value":{"type":"string"}},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","value":{"type":"string"}},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","value":{"type":"boolean"}},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","value":{"type":"boolean"}},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","value":{"type":"string"}},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","value":{"type":"IgcPinningConfig"}},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","value":{"type":"boolean"}},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","value":{"type":"boolean"}},{"name":"filter-mode","description":"Gets/Sets the filter mode.","value":{"type":"FilterMode"}},{"name":"summary-position","description":"Gets/Sets the summary position.","value":{"type":"GridSummaryPosition"}},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","value":{"type":"GridSummaryCalculationMode"}},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","value":{"type":"boolean"}},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","value":{"type":"IgcFilteringStrategy"}},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","value":{"type":"IgcGridSortingStrategy"}},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","value":{"type":"IgcSortingOptions"}},{"name":"selected-rows","description":"Gets/Sets the current selection state.","value":{"type":"any[]"}},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","value":{"type":"IgcSortingExpression[]"}},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","value":{"type":"GridSelectionMode"}},{"name":"row-selection","description":"Gets/Sets row selection mode","value":{"type":"GridSelectionMode"}},{"name":"column-selection","description":"Gets/Sets column selection mode","value":{"type":"GridSelectionMode"}},{"name":"total-records","description":"Returns the total number of records.","value":{"type":"number"}},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","value":{"type":"boolean"}}],"events":[{"name":"gridCreated","type":"CustomEvent<IgcGridCreatedEventArgs>","description":"Event emitted when a grid is being created based on this row island."},{"name":"gridInitialized","type":"CustomEvent<IgcGridCreatedEventArgs>","description":"Emitted after a grid is being initialized for this row island.  The emitting is done in `ngAfterViewInit`."},{"name":"dataPreLoad","type":"CustomEvent<IgcForOfState>","description":"Emitted when a new chunk of data is loaded from virtualization."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<IgcMap>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangingEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}],"js":{"properties":[{"name":"childDataKey","description":"Sets the key of the row island by which child data would be taken from the row data if such is provided.","type":"string"},{"name":"childLayoutList","type":"IgcRowIslandComponent[]"},{"name":"toolbarTemplate","description":"Sets/Gets the toolbar template for each child grid created from this row island.","type":"IgcRenderFunction<IgcGridToolbarTemplateContext>"},{"name":"paginatorTemplate","description":"Sets/Gets the paginator template for each child grid created from this row island.","type":"IgcRenderFunction<IgcGridPaginatorTemplateContext>"},{"name":"actionStripComponents","type":"IgcActionStripToken[]"},{"name":"expandChildren","description":"Sets if all immediate children of the grids for this `IgxRowIslandComponent` should be expanded/collapsed.","type":"boolean"},{"name":"hasChildrenKey","description":"Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.","type":"string"},{"name":"showExpandAll","description":"Gets/Sets whether the expand/collapse all button in the header should be rendered.","type":"boolean"},{"name":"batchEditing","type":"boolean"},{"name":"snackbarDisplayTime","description":"Gets/Sets the display time for the row adding snackbar notification.","type":"number"},{"name":"autoGenerate","description":"Gets/Sets whether to auto-generate the columns.","type":"boolean"},{"name":"autoGenerateExclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","type":"string[]"},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","type":"boolean"},{"name":"emptyGridTemplate","description":"Gets/Sets a custom template when empty.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"addRowEmptyTemplate","description":"Gets/Sets a custom template for adding row UI when grid is empty.","type":"IgcRenderFunction<void>"},{"name":"loadingGridTemplate","description":"Gets/Sets a custom template when loading.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"summaryRowHeight","description":"Get/Set IgxSummaryRow height","type":"number"},{"name":"dataCloneStrategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","type":"IgcDataCloneStrategy"},{"name":"clipboardOptions","description":"Controls the copy behavior of the grid.","type":"IgcClipboardOptions"},{"name":"rowClasses","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","type":"any"},{"name":"rowStyles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","type":"any"},{"name":"primaryKey","description":"Gets/Sets the primary key.","type":"string"},{"name":"columnList","type":"IgcColumnComponent[]"},{"name":"dragGhostCustomTemplate","description":"Gets the custom template, if any, used for row drag ghost.","type":"IgcRenderFunction<IgcGridRowDragGhostContext>"},{"name":"rowEditTextTemplate","description":"Gets the row edit text template.","type":"IgcRenderFunction<IgcGridRowEditTextTemplateContext>"},{"name":"rowAddTextTemplate","description":"Gets the row add text template.","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"rowEditActionsTemplate","description":"Gets the row edit actions template.","type":"IgcRenderFunction<IgcGridRowEditActionsTemplateContext>"},{"name":"rowExpandedIndicatorTemplate","description":"Gets the row expand indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"rowCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"headerExpandedIndicatorTemplate","description":"Gets the header expand indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"headerCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"excelStyleHeaderIconTemplate","description":"Gets the excel style header icon.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortAscendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortDescendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortHeaderIconTemplate","description":"Gets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"toolbar","type":"IgcGridToolbarComponent[]"},{"name":"paginationComponents","type":"IgcPaginatorComponent[]"},{"name":"resourceStrings","description":"Gets/Sets the resource strings.","type":"IgcGridResourceStrings"},{"name":"filteringLogic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","type":"FilteringLogic"},{"name":"filteringExpressionsTree","description":"Gets/Sets the filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"advancedFilteringExpressionsTree","description":"Gets/Sets the advanced filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"locale","description":"Gets/Sets the locale.","type":"string"},{"name":"pagingMode","type":"GridPagingMode"},{"name":"hideRowSelectors","description":"Gets/Sets if the row selectors are hidden.","type":"boolean"},{"name":"rowDraggable","description":"Gets/Sets whether rows can be moved.","type":"boolean"},{"name":"validationTrigger","description":"Gets/Sets the trigger for validators used when editing the grid.","type":"GridValidationTrigger"},{"name":"rowEditable","description":"Gets/Sets whether the rows are editable.","type":"boolean"},{"name":"height","description":"Gets/Sets the height.","type":"string"},{"name":"width","description":"Gets/Sets the width of the grid.","type":"string"},{"name":"rowHeight","description":"Gets/Sets the row height.","type":"number"},{"name":"columnWidth","description":"Gets/Sets the default width of the columns.","type":"string"},{"name":"emptyGridMessage","description":"Get/Sets the message displayed when there are no records.","type":"string"},{"name":"isLoading","description":"Gets/Sets whether the grid is going to show a loading indicator.","type":"boolean"},{"name":"shouldGenerate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","type":"boolean"},{"name":"emptyFilteredGridMessage","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","type":"string"},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","type":"IgcPinningConfig"},{"name":"allowFiltering","description":"Gets/Sets if the filtering is enabled.","type":"boolean"},{"name":"allowAdvancedFiltering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","type":"boolean"},{"name":"filterMode","description":"Gets/Sets the filter mode.","type":"FilterMode"},{"name":"summaryPosition","description":"Gets/Sets the summary position.","type":"GridSummaryPosition"},{"name":"summaryCalculationMode","description":"Gets/Sets the summary calculation mode.","type":"GridSummaryCalculationMode"},{"name":"showSummaryOnCollapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","type":"boolean"},{"name":"filterStrategy","description":"Gets/Sets the filtering strategy of the grid.","type":"IgcFilteringStrategy"},{"name":"sortStrategy","description":"Gets/Sets the sorting strategy of the grid.","type":"IgcGridSortingStrategy"},{"name":"sortingOptions","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","type":"IgcSortingOptions"},{"name":"selectedRows","description":"Gets/Sets the current selection state.","type":"any[]"},{"name":"rowList","description":"A list of `IgxGridRowComponent`.","type":"IgcRowDirective[]"},{"name":"dataRowList","description":"A list of currently rendered `IgxGridRowComponent`'s.","type":"IgcRowDirective[]"},{"name":"headSelectorTemplate","description":"Gets the header row selector template.","type":"IgcRenderFunction<IgcHeadSelectorTemplateContext>"},{"name":"rowSelectorTemplate","description":"Gets the row selector template.","type":"IgcRenderFunction<IgcRowSelectorTemplateContext>"},{"name":"dragIndicatorIconTemplate","description":"The custom template, if any, that should be used when rendering the row drag indicator icon","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"sortingExpressions","description":"Gets/Sets the sorting state.","type":"IgcSortingExpression[]"},{"name":"cellSelection","description":"Gets/Sets cell selection mode.","type":"GridSelectionMode"},{"name":"rowSelection","description":"Gets/Sets row selection mode","type":"GridSelectionMode"},{"name":"columnSelection","description":"Gets/Sets column selection mode","type":"GridSelectionMode"},{"name":"defaultRowHeight","description":"Gets the default row height.","type":"number"},{"name":"defaultHeaderGroupMinWidth","description":"Returns the `IgxGridHeaderGroupComponent`'s minimum allowed width.","type":"number"},{"name":"columns","description":"Gets an array of `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedRows","description":"Gets an array of the pinned `IgxRowComponent`s.","type":"IgcGridRowComponent[]"},{"name":"totalRecords","description":"Returns the total number of records.","type":"number"},{"name":"selectRowOnClick","description":"Gets/Sets whether clicking over a row should select/deselect it","type":"boolean"}],"events":[{"name":"gridCreated","type":"CustomEvent<IgcGridCreatedEventArgs>","description":"Event emitted when a grid is being created based on this row island."},{"name":"gridInitialized","type":"CustomEvent<IgcGridCreatedEventArgs>","description":"Emitted after a grid is being initialized for this row island.  The emitting is done in `ngAfterViewInit`."},{"name":"dataPreLoad","type":"CustomEvent<IgcForOfState>","description":"Emitted when a new chunk of data is loaded from virtualization."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<IgcMap>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangingEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}]}},{"name":"igc-pivot-data-selector","description":"Pivot Data Selector provides means to configure the pivot state of the Pivot Grid via a vertical panel UI\n---\n\n\n### **Events:**\n - **columnsExpandedChange** - Emitted when the columns panel is expanded or collapsed.\n- **rowsExpandedChange** - Emitted when the rows panel is expanded or collapsed.\n- **filtersExpandedChange** - Emitted when the filters panel is expanded or collapsed.\n- **valuesExpandedChange** - Emitted when the values panel is expanded or collapsed.","doc-url":"","attributes":[{"name":"columns-expanded","description":"Gets/sets whether the columns panel is expanded  Get","value":{"type":"boolean"}},{"name":"rows-expanded","description":"Gets/sets whether the rows panel is expanded  Get","value":{"type":"boolean"}},{"name":"filters-expanded","description":"Gets/sets whether the filters panel is expanded  Get","value":{"type":"boolean"}},{"name":"values-expanded","description":"Gets/sets whether the values panel is expanded  Get","value":{"type":"boolean"}},{"name":"grid","description":"Sets the grid.","value":{"type":"IgcPivotGridComponent"}}],"events":[{"name":"columnsExpandedChange","type":"CustomEvent","description":"Emitted when the columns panel is expanded or collapsed."},{"name":"rowsExpandedChange","type":"CustomEvent","description":"Emitted when the rows panel is expanded or collapsed."},{"name":"filtersExpandedChange","type":"CustomEvent","description":"Emitted when the filters panel is expanded or collapsed."},{"name":"valuesExpandedChange","type":"CustomEvent","description":"Emitted when the values panel is expanded or collapsed."}],"js":{"properties":[{"name":"columnsExpanded","description":"Gets/sets whether the columns panel is expanded  Get","type":"boolean"},{"name":"rowsExpanded","description":"Gets/sets whether the rows panel is expanded  Get","type":"boolean"},{"name":"filtersExpanded","description":"Gets/sets whether the filters panel is expanded  Get","type":"boolean"},{"name":"valuesExpanded","description":"Gets/sets whether the values panel is expanded  Get","type":"boolean"},{"name":"grid","description":"Sets the grid.","type":"IgcPivotGridComponent"}],"events":[{"name":"columnsExpandedChange","type":"CustomEvent","description":"Emitted when the columns panel is expanded or collapsed."},{"name":"rowsExpandedChange","type":"CustomEvent","description":"Emitted when the rows panel is expanded or collapsed."},{"name":"filtersExpandedChange","type":"CustomEvent","description":"Emitted when the filters panel is expanded or collapsed."},{"name":"valuesExpandedChange","type":"CustomEvent","description":"Emitted when the values panel is expanded or collapsed."}]}},{"name":"igc-pivot-grid","description":"Pivot Grid provides a way to present and manipulate data in a pivot table view.\n---\n\n\n### **Events:**\n - **dimensionsChange** - Emitted when the dimension collection is changed via the grid chip area.\n- **pivotConfigurationChange** - Emitted when any of the pivotConfiguration properties is changed via the grid chip area.\n- **dimensionInit** - Emitted when the dimension is initialized.\n- **valueInit** - Emitted when the value is initialized.\n- **dimensionsSortingExpressionsChange** - Emitted when a dimension is sorted.\n- **valuesChange** - Emitted when the values collection is changed via the grid chip area.\n- **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **expansionStatesChange** - Emitted when the rows are expanded or collapsed.\n- **selectedRowsChange** - Emitted when the rows are selected or deselected.\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emitted when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","doc-url":"","attributes":[{"name":"pivot-configuration","description":"Gets/Sets the pivot configuration with all related dimensions and values.","value":{"type":"IgcPivotConfiguration"}},{"name":"auto-generate-config","description":"Gets/Sets whether to auto-generate the pivot configuration based on the provided data.","value":{"type":"boolean"}},{"name":"pivot-ui","value":{"type":"IgcPivotUISettings"}},{"name":"super-compact-mode","description":"Enables a super compact theme for the component.","value":{"type":"boolean"}},{"name":"default-expand-state","description":"Gets/Sets the default expand state for all rows.","value":{"type":"boolean"}},{"name":"data","description":"Gets/Sets the array of data that populates the component.","value":{"type":"any[]"}},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","value":{"type":"number"}},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","value":{"type":"boolean"}},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","value":{"type":"string[]"}},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","value":{"type":"boolean"}},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","value":{"type":"number"}},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","value":{"type":"IgcDataCloneStrategy"}},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","value":{"type":"IgcClipboardOptions"}},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","value":{"type":"any"}},{"name":"row-styles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","value":{"type":"any"}},{"name":"primary-key","description":"Gets/Sets the primary key.","value":{"type":"string"}},{"name":"column-list","value":{"type":"IgcColumnComponent[]"}},{"name":"action-strip-components","value":{"type":"IgcActionStripToken[]"}},{"name":"toolbar","value":{"type":"IgcGridToolbarComponent[]"}},{"name":"pagination-components","value":{"type":"IgcPaginatorComponent[]"}},{"name":"resource-strings","description":"Gets/Sets the resource strings.","value":{"type":"IgcGridResourceStrings"}},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","value":{"type":"FilteringLogic"}},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"advanced-filtering-expressions-tree","description":"Gets/Sets the advanced filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"locale","description":"Gets/Sets the locale.","value":{"type":"string"}},{"name":"paging-mode","value":{"type":"GridPagingMode"}},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","value":{"type":"boolean"}},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","value":{"type":"boolean"}},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","value":{"type":"GridValidationTrigger"}},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","value":{"type":"boolean"}},{"name":"height","description":"Gets/Sets the height.","value":{"type":"string"}},{"name":"width","description":"Gets/Sets the width of the grid.","value":{"type":"string"}},{"name":"row-height","description":"Gets/Sets the row height.","value":{"type":"number"}},{"name":"column-width","description":"Gets/Sets the default width of the columns.","value":{"type":"string"}},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","value":{"type":"string"}},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","value":{"type":"boolean"}},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","value":{"type":"boolean"}},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","value":{"type":"string"}},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","value":{"type":"IgcPinningConfig"}},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","value":{"type":"boolean"}},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","value":{"type":"boolean"}},{"name":"filter-mode","description":"Gets/Sets the filter mode.","value":{"type":"FilterMode"}},{"name":"summary-position","description":"Gets/Sets the summary position.","value":{"type":"GridSummaryPosition"}},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","value":{"type":"GridSummaryCalculationMode"}},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","value":{"type":"boolean"}},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","value":{"type":"IgcFilteringStrategy"}},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","value":{"type":"IgcGridSortingStrategy"}},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","value":{"type":"IgcSortingOptions"}},{"name":"selected-rows","description":"Gets/Sets the current selection state.","value":{"type":"any[]"}},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","value":{"type":"IgcSortingExpression[]"}},{"name":"batch-editing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","value":{"type":"boolean"}},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","value":{"type":"GridSelectionMode"}},{"name":"row-selection","description":"Gets/Sets row selection mode","value":{"type":"GridSelectionMode"}},{"name":"column-selection","description":"Gets/Sets column selection mode","value":{"type":"GridSelectionMode"}},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","value":{"type":"IgcOverlayOutletDirective"}},{"name":"total-records","description":"Returns the total number of records.","value":{"type":"number"}},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","value":{"type":"boolean"}}],"events":[{"name":"dimensionsChange","type":"CustomEvent<IgcDimensionsChange>","description":"Emitted when the dimension collection is changed via the grid chip area."},{"name":"pivotConfigurationChange","type":"CustomEvent<IgcPivotConfigurationChangedEventArgs>","description":"Emitted when any of the pivotConfiguration properties is changed via the grid chip area."},{"name":"dimensionInit","type":"CustomEvent<IgcPivotDimension>","description":"Emitted when the dimension is initialized."},{"name":"valueInit","type":"CustomEvent<IgcPivotValue>","description":"Emitted when the value is initialized."},{"name":"dimensionsSortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted when a dimension is sorted."},{"name":"valuesChange","type":"CustomEvent<IgcValuesChange>","description":"Emitted when the values collection is changed via the grid chip area."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<IgcMap>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangingEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}],"js":{"properties":[{"name":"dimensionsSortingExpressions","description":"Gets the sorting expressions generated for the dimensions.","type":"IgcSortingExpression[]"},{"name":"valueChipTemplate","description":"Gets/Sets a custom template for the value chips.","type":"IgcRenderFunction<IgcPivotGridValueTemplateContext>"},{"name":"rowDimensionHeaderTemplate","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"pivotConfiguration","description":"Gets/Sets the pivot configuration with all related dimensions and values.","type":"IgcPivotConfiguration"},{"name":"autoGenerateConfig","description":"Gets/Sets whether to auto-generate the pivot configuration based on the provided data.","type":"boolean"},{"name":"pivotUI","type":"IgcPivotUISettings"},{"name":"superCompactMode","description":"Enables a super compact theme for the component.","type":"boolean"},{"name":"defaultExpandState","description":"Gets/Sets the default expand state for all rows.","type":"boolean"},{"name":"selectedRows","type":"any[]"},{"name":"allDimensions","description":"Gets the full list of dimensions.","type":"IgcPivotDimension[]"},{"name":"data","description":"Gets/Sets the array of data that populates the component.","type":"any[]"},{"name":"emptyPivotGridTemplate","description":"Gets/Sets a custom template when pivot grid is empty.","type":"IgcRenderFunction<void>"},{"name":"snackbarDisplayTime","description":"Gets/Sets the display time for the row adding snackbar notification.","type":"number"},{"name":"autoGenerate","description":"Gets/Sets whether to auto-generate the columns.","type":"boolean"},{"name":"autoGenerateExclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","type":"string[]"},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","type":"boolean"},{"name":"emptyGridTemplate","description":"Gets/Sets a custom template when empty.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"addRowEmptyTemplate","description":"Gets/Sets a custom template for adding row UI when grid is empty.","type":"IgcRenderFunction<void>"},{"name":"loadingGridTemplate","description":"Gets/Sets a custom template when loading.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"summaryRowHeight","description":"Get/Set IgxSummaryRow height","type":"number"},{"name":"dataCloneStrategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","type":"IgcDataCloneStrategy"},{"name":"clipboardOptions","description":"Controls the copy behavior of the grid.","type":"IgcClipboardOptions"},{"name":"rowClasses","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","type":"any"},{"name":"rowStyles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","type":"any"},{"name":"primaryKey","description":"Gets/Sets the primary key.","type":"string"},{"name":"columnList","type":"IgcColumnComponent[]"},{"name":"actionStripComponents","type":"IgcActionStripToken[]"},{"name":"dragGhostCustomTemplate","description":"Gets the custom template, if any, used for row drag ghost.","type":"IgcRenderFunction<IgcGridRowDragGhostContext>"},{"name":"rowEditTextTemplate","description":"Gets the row edit text template.","type":"IgcRenderFunction<IgcGridRowEditTextTemplateContext>"},{"name":"rowAddTextTemplate","description":"Gets the row add text template.","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"rowEditActionsTemplate","description":"Gets the row edit actions template.","type":"IgcRenderFunction<IgcGridRowEditActionsTemplateContext>"},{"name":"rowExpandedIndicatorTemplate","description":"Gets the row expand indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"rowCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"headerExpandedIndicatorTemplate","description":"Gets the header expand indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"headerCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"excelStyleHeaderIconTemplate","description":"Gets the excel style header icon.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortAscendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortDescendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortHeaderIconTemplate","description":"Gets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"toolbar","type":"IgcGridToolbarComponent[]"},{"name":"paginationComponents","type":"IgcPaginatorComponent[]"},{"name":"resourceStrings","description":"Gets/Sets the resource strings.","type":"IgcGridResourceStrings"},{"name":"filteringLogic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","type":"FilteringLogic"},{"name":"filteringExpressionsTree","description":"Gets/Sets the filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"advancedFilteringExpressionsTree","description":"Gets/Sets the advanced filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"locale","description":"Gets/Sets the locale.","type":"string"},{"name":"pagingMode","type":"GridPagingMode"},{"name":"hideRowSelectors","description":"Gets/Sets if the row selectors are hidden.","type":"boolean"},{"name":"rowDraggable","description":"Gets/Sets whether rows can be moved.","type":"boolean"},{"name":"validationTrigger","description":"Gets/Sets the trigger for validators used when editing the grid.","type":"GridValidationTrigger"},{"name":"rowEditable","description":"Gets/Sets whether the rows are editable.","type":"boolean"},{"name":"height","description":"Gets/Sets the height.","type":"string"},{"name":"width","description":"Gets/Sets the width of the grid.","type":"string"},{"name":"rowHeight","description":"Gets/Sets the row height.","type":"number"},{"name":"columnWidth","description":"Gets/Sets the default width of the columns.","type":"string"},{"name":"emptyGridMessage","description":"Get/Sets the message displayed when there are no records.","type":"string"},{"name":"isLoading","description":"Gets/Sets whether the grid is going to show a loading indicator.","type":"boolean"},{"name":"shouldGenerate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","type":"boolean"},{"name":"emptyFilteredGridMessage","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","type":"string"},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","type":"IgcPinningConfig"},{"name":"allowFiltering","description":"Gets/Sets if the filtering is enabled.","type":"boolean"},{"name":"allowAdvancedFiltering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","type":"boolean"},{"name":"filterMode","description":"Gets/Sets the filter mode.","type":"FilterMode"},{"name":"summaryPosition","description":"Gets/Sets the summary position.","type":"GridSummaryPosition"},{"name":"summaryCalculationMode","description":"Gets/Sets the summary calculation mode.","type":"GridSummaryCalculationMode"},{"name":"showSummaryOnCollapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","type":"boolean"},{"name":"filterStrategy","description":"Gets/Sets the filtering strategy of the grid.","type":"IgcFilteringStrategy"},{"name":"sortStrategy","description":"Gets/Sets the sorting strategy of the grid.","type":"IgcGridSortingStrategy"},{"name":"sortingOptions","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","type":"IgcSortingOptions"},{"name":"selectedRows","description":"Gets/Sets the current selection state.","type":"any[]"},{"name":"rowList","description":"A list of `IgxGridRowComponent`.","type":"IgcRowDirective[]"},{"name":"dataRowList","description":"A list of currently rendered `IgxGridRowComponent`'s.","type":"IgcRowDirective[]"},{"name":"headSelectorTemplate","description":"Gets the header row selector template.","type":"IgcRenderFunction<IgcHeadSelectorTemplateContext>"},{"name":"rowSelectorTemplate","description":"Gets the row selector template.","type":"IgcRenderFunction<IgcRowSelectorTemplateContext>"},{"name":"dragIndicatorIconTemplate","description":"The custom template, if any, that should be used when rendering the row drag indicator icon","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"sortingExpressions","description":"Gets/Sets the sorting state.","type":"IgcSortingExpression[]"},{"name":"hiddenColumnsCount","description":"Gets the number of hidden columns.","type":"number"},{"name":"pinnedColumnsCount","description":"Gets the number of pinned columns.","type":"number"},{"name":"batchEditing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","type":"boolean"},{"name":"cellSelection","description":"Gets/Sets cell selection mode.","type":"GridSelectionMode"},{"name":"rowSelection","description":"Gets/Sets row selection mode","type":"GridSelectionMode"},{"name":"columnSelection","description":"Gets/Sets column selection mode","type":"GridSelectionMode"},{"name":"lastSearchInfo","description":"Represents the last search information.","type":"IgcSearchInfo"},{"name":"filteredData","description":"Returns an array of objects containing the filtered data.","type":"any"},{"name":"filteredSortedData","description":"Returns an array containing the filtered sorted data.","type":"any[]"},{"name":"virtualizationState","description":"Returns the state of the grid virtualization.","type":"IgcForOfState"},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","type":"IgcOverlayOutletDirective"},{"name":"defaultRowHeight","description":"Gets the default row height.","type":"number"},{"name":"defaultHeaderGroupMinWidth","description":"Returns the `IgxGridHeaderGroupComponent`'s minimum allowed width.","type":"number"},{"name":"columns","description":"Gets an array of `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedColumns","description":"Gets an array of the pinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedRows","description":"Gets an array of the pinned `IgxRowComponent`s.","type":"IgcGridRowComponent[]"},{"name":"unpinnedColumns","description":"Gets an array of unpinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"visibleColumns","description":"Returns an array of visible `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"totalRecords","description":"Returns the total number of records.","type":"number"},{"name":"dataView","description":"Returns the currently transformed paged/filtered/sorted/grouped/pinned/unpinned row data, displayed in the grid.","type":"any[]"},{"name":"selectRowOnClick","description":"Gets/Sets whether clicking over a row should select/deselect it","type":"boolean"}],"events":[{"name":"dimensionsChange","type":"CustomEvent<IgcDimensionsChange>","description":"Emitted when the dimension collection is changed via the grid chip area."},{"name":"pivotConfigurationChange","type":"CustomEvent<IgcPivotConfigurationChangedEventArgs>","description":"Emitted when any of the pivotConfiguration properties is changed via the grid chip area."},{"name":"dimensionInit","type":"CustomEvent<IgcPivotDimension>","description":"Emitted when the dimension is initialized."},{"name":"valueInit","type":"CustomEvent<IgcPivotValue>","description":"Emitted when the value is initialized."},{"name":"dimensionsSortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted when a dimension is sorted."},{"name":"valuesChange","type":"CustomEvent<IgcValuesChange>","description":"Emitted when the values collection is changed via the grid chip area."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<IgcMap>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangingEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}]}},{"name":"igc-grid-toolbar-title","description":"Provides a way to template the title portion of the toolbar in the grid.\n---\n","doc-url":"","attributes":[],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-grid-toolbar-actions","description":"Provides a way to template the action portion of the toolbar in the grid.\n---\n","doc-url":"","attributes":[],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-grid-toolbar-advanced-filtering","description":"Provides a pre-configured button to open the advanced filtering dialog of the grid.\n---\n","doc-url":"","attributes":[{"name":"overlay-settings","value":{"type":"IgcOverlaySettings"}}],"events":[],"js":{"properties":[{"name":"overlaySettings","type":"IgcOverlaySettings"}],"events":[]}},{"name":"igc-grid-toolbar-exporter","description":"Provides a pre-configured exporter component for the grid.\n---\n\n\n### **Events:**\n - **exportStarted** - Emitted when starting an export operation. Re-emitted additionally  by the grid itself.\n- **exportEnded** - Emitted on successful ending of an export operation.\n- **opening** - Emits an event before the toggle container is opened.\n- **opened** - Emits an event after the toggle container is opened.\n- **closing** - Emits an event before the toggle container is closed.\n- **closed** - Emits an event after the toggle container is closed.\n- **columnToggle** - Emits when after a column's checked state is changed","doc-url":"","attributes":[{"name":"export-csv","description":"Show entry for CSV export.","value":{"type":"boolean"}},{"name":"export-excel","description":"Show entry for Excel export.","value":{"type":"boolean"}},{"name":"filename","description":"The name for the exported file.","value":{"type":"string"}},{"name":"column-list-height","description":"Sets the height of the column list in the dropdown.","value":{"type":"string"}},{"name":"title","description":"Title text for the column action component","value":{"type":"string"}},{"name":"prompt","description":"The placeholder text for the search input.","value":{"type":"string"}},{"name":"overlay-settings","description":"Sets overlay settings","value":{"type":"IgcOverlaySettings"}}],"events":[{"name":"exportStarted","type":"CustomEvent<IgcExporterEventArgs>","description":"Emitted when starting an export operation. Re-emitted additionally  by the grid itself."},{"name":"exportEnded","type":"CustomEvent","description":"Emitted on successful ending of an export operation."},{"name":"opening","type":"CustomEvent<IgcToggleViewCancelableEventArgs>","description":"Emits an event before the toggle container is opened."},{"name":"opened","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is opened."},{"name":"closing","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event before the toggle container is closed."},{"name":"closed","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is closed."},{"name":"columnToggle","type":"CustomEvent<IgcColumnToggledEventArgs>","description":"Emits when after a column's checked state is changed"}],"js":{"properties":[{"name":"exportCSV","description":"Show entry for CSV export.","type":"boolean"},{"name":"exportExcel","description":"Show entry for Excel export.","type":"boolean"},{"name":"filename","description":"The name for the exported file.","type":"string"},{"name":"columnListHeight","description":"Sets the height of the column list in the dropdown.","type":"string"},{"name":"title","description":"Title text for the column action component","type":"string"},{"name":"prompt","description":"The placeholder text for the search input.","type":"string"},{"name":"overlaySettings","description":"Sets overlay settings","type":"IgcOverlaySettings"}],"events":[{"name":"exportStarted","type":"CustomEvent<IgcExporterEventArgs>","description":"Emitted when starting an export operation. Re-emitted additionally  by the grid itself."},{"name":"exportEnded","type":"CustomEvent","description":"Emitted on successful ending of an export operation."},{"name":"opening","type":"CustomEvent<IgcToggleViewCancelableEventArgs>","description":"Emits an event before the toggle container is opened."},{"name":"opened","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is opened."},{"name":"closing","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event before the toggle container is closed."},{"name":"closed","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is closed."},{"name":"columnToggle","type":"CustomEvent<IgcColumnToggledEventArgs>","description":"Emits when after a column's checked state is changed"}]}},{"name":"igc-grid-toolbar-hiding","description":"Provides a pre-configured column hiding component for the grid.\n---\n\n\n### **Events:**\n - **opening** - Emits an event before the toggle container is opened.\n- **opened** - Emits an event after the toggle container is opened.\n- **closing** - Emits an event before the toggle container is closed.\n- **closed** - Emits an event after the toggle container is closed.\n- **columnToggle** - Emits when after a column's checked state is changed","doc-url":"","attributes":[{"name":"column-list-height","description":"Sets the height of the column list in the dropdown.","value":{"type":"string"}},{"name":"title","description":"Title text for the column action component","value":{"type":"string"}},{"name":"prompt","description":"The placeholder text for the search input.","value":{"type":"string"}},{"name":"overlay-settings","description":"Sets overlay settings","value":{"type":"IgcOverlaySettings"}}],"events":[{"name":"opening","type":"CustomEvent<IgcToggleViewCancelableEventArgs>","description":"Emits an event before the toggle container is opened."},{"name":"opened","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is opened."},{"name":"closing","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event before the toggle container is closed."},{"name":"closed","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is closed."},{"name":"columnToggle","type":"CustomEvent<IgcColumnToggledEventArgs>","description":"Emits when after a column's checked state is changed"}],"js":{"properties":[{"name":"columnListHeight","description":"Sets the height of the column list in the dropdown.","type":"string"},{"name":"title","description":"Title text for the column action component","type":"string"},{"name":"prompt","description":"The placeholder text for the search input.","type":"string"},{"name":"overlaySettings","description":"Sets overlay settings","type":"IgcOverlaySettings"}],"events":[{"name":"opening","type":"CustomEvent<IgcToggleViewCancelableEventArgs>","description":"Emits an event before the toggle container is opened."},{"name":"opened","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is opened."},{"name":"closing","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event before the toggle container is closed."},{"name":"closed","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is closed."},{"name":"columnToggle","type":"CustomEvent<IgcColumnToggledEventArgs>","description":"Emits when after a column's checked state is changed"}]}},{"name":"igc-grid-toolbar-pinning","description":"Provides a pre-configured column pinning component for the grid.\n---\n\n\n### **Events:**\n - **opening** - Emits an event before the toggle container is opened.\n- **opened** - Emits an event after the toggle container is opened.\n- **closing** - Emits an event before the toggle container is closed.\n- **closed** - Emits an event after the toggle container is closed.\n- **columnToggle** - Emits when after a column's checked state is changed","doc-url":"","attributes":[{"name":"column-list-height","description":"Sets the height of the column list in the dropdown.","value":{"type":"string"}},{"name":"title","description":"Title text for the column action component","value":{"type":"string"}},{"name":"prompt","description":"The placeholder text for the search input.","value":{"type":"string"}},{"name":"overlay-settings","description":"Sets overlay settings","value":{"type":"IgcOverlaySettings"}}],"events":[{"name":"opening","type":"CustomEvent<IgcToggleViewCancelableEventArgs>","description":"Emits an event before the toggle container is opened."},{"name":"opened","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is opened."},{"name":"closing","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event before the toggle container is closed."},{"name":"closed","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is closed."},{"name":"columnToggle","type":"CustomEvent<IgcColumnToggledEventArgs>","description":"Emits when after a column's checked state is changed"}],"js":{"properties":[{"name":"columnListHeight","description":"Sets the height of the column list in the dropdown.","type":"string"},{"name":"title","description":"Title text for the column action component","type":"string"},{"name":"prompt","description":"The placeholder text for the search input.","type":"string"},{"name":"overlaySettings","description":"Sets overlay settings","type":"IgcOverlaySettings"}],"events":[{"name":"opening","type":"CustomEvent<IgcToggleViewCancelableEventArgs>","description":"Emits an event before the toggle container is opened."},{"name":"opened","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is opened."},{"name":"closing","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event before the toggle container is closed."},{"name":"closed","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is closed."},{"name":"columnToggle","type":"CustomEvent<IgcColumnToggledEventArgs>","description":"Emits when after a column's checked state is changed"}]}},{"name":"igc-tree-grid","description":"**Ignite UI for Angular Tree Grid** -  [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid)   The Ignite UI Tree Grid displays and manipulates hierarchical data with consistent schema formatted as a table and  provides features such as sorting, filtering, editing, column pinning, paging, column moving and hiding.   Example:\n---\n\n\n### **Events:**\n - **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **expansionStatesChange** - Emitted when the rows are expanded or collapsed.\n- **selectedRowsChange** - Emitted when the rows are selected or deselected.\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emitted when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","doc-url":"","attributes":[{"name":"child-data-key","description":"Sets the child data key of the `IgxTreeGridComponent`.","value":{"type":"string"}},{"name":"foreign-key","description":"Sets the foreign key of the `IgxTreeGridComponent`.","value":{"type":"string"}},{"name":"has-children-key","description":"Sets the key indicating whether a row has children.  This property is only used for load on demand scenarios.","value":{"type":"string"}},{"name":"cascade-on-delete","description":"Sets whether child records should be deleted when their parent gets deleted.  By default it is set to true and deletes all children along with the parent.","value":{"type":"boolean"}},{"name":"load-children-on-demand","description":"Sets a callback for loading child rows on demand.","value":{"type":"any"}},{"name":"id","description":"Sets the value of the `id` attribute. If not provided it will be automatically generated.","value":{"type":"string"}},{"name":"root-records","description":"Returns an array of the root level `ITreeGridRecord`s.","value":{"type":"IgcTreeGridRecord[]"}},{"name":"processed-root-records","description":"Returns an array of processed (filtered and sorted) root `ITreeGridRecord`s.","value":{"type":"IgcTreeGridRecord[]"}},{"name":"data","description":"Gets/Sets the array of data that populates the component.","value":{"type":"any[]"}},{"name":"expansion-depth","description":"Sets the count of levels to be expanded in the `IgxTreeGridComponent`. By default it is  set to `Infinity` which means all levels would be expanded.","value":{"type":"number"}},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","value":{"type":"number"}},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","value":{"type":"boolean"}},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","value":{"type":"string[]"}},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","value":{"type":"boolean"}},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","value":{"type":"number"}},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","value":{"type":"IgcDataCloneStrategy"}},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","value":{"type":"IgcClipboardOptions"}},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","value":{"type":"any"}},{"name":"row-styles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","value":{"type":"any"}},{"name":"primary-key","description":"Gets/Sets the primary key.","value":{"type":"string"}},{"name":"column-list","value":{"type":"IgcColumnComponent[]"}},{"name":"action-strip-components","value":{"type":"IgcActionStripToken[]"}},{"name":"toolbar","value":{"type":"IgcGridToolbarComponent[]"}},{"name":"pagination-components","value":{"type":"IgcPaginatorComponent[]"}},{"name":"resource-strings","description":"Gets/Sets the resource strings.","value":{"type":"IgcGridResourceStrings"}},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","value":{"type":"FilteringLogic"}},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"advanced-filtering-expressions-tree","description":"Gets/Sets the advanced filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"locale","description":"Gets/Sets the locale.","value":{"type":"string"}},{"name":"paging-mode","value":{"type":"GridPagingMode"}},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","value":{"type":"boolean"}},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","value":{"type":"boolean"}},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","value":{"type":"GridValidationTrigger"}},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","value":{"type":"boolean"}},{"name":"height","description":"Gets/Sets the height.","value":{"type":"string"}},{"name":"width","description":"Gets/Sets the width of the grid.","value":{"type":"string"}},{"name":"row-height","description":"Gets/Sets the row height.","value":{"type":"number"}},{"name":"column-width","description":"Gets/Sets the default width of the columns.","value":{"type":"string"}},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","value":{"type":"string"}},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","value":{"type":"boolean"}},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","value":{"type":"boolean"}},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","value":{"type":"string"}},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","value":{"type":"IgcPinningConfig"}},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","value":{"type":"boolean"}},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","value":{"type":"boolean"}},{"name":"filter-mode","description":"Gets/Sets the filter mode.","value":{"type":"FilterMode"}},{"name":"summary-position","description":"Gets/Sets the summary position.","value":{"type":"GridSummaryPosition"}},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","value":{"type":"GridSummaryCalculationMode"}},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","value":{"type":"boolean"}},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","value":{"type":"IgcFilteringStrategy"}},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","value":{"type":"IgcGridSortingStrategy"}},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","value":{"type":"IgcSortingOptions"}},{"name":"selected-rows","description":"Gets/Sets the current selection state.","value":{"type":"any[]"}},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","value":{"type":"IgcSortingExpression[]"}},{"name":"batch-editing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","value":{"type":"boolean"}},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","value":{"type":"GridSelectionMode"}},{"name":"row-selection","description":"Gets/Sets row selection mode","value":{"type":"GridSelectionMode"}},{"name":"column-selection","description":"Gets/Sets column selection mode","value":{"type":"GridSelectionMode"}},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","value":{"type":"IgcOverlayOutletDirective"}},{"name":"total-records","description":"Returns the total number of records.","value":{"type":"number"}},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","value":{"type":"boolean"}}],"events":[{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<IgcMap>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangingEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}],"js":{"properties":[{"name":"childDataKey","description":"Sets the child data key of the `IgxTreeGridComponent`.","type":"string"},{"name":"foreignKey","description":"Sets the foreign key of the `IgxTreeGridComponent`.","type":"string"},{"name":"hasChildrenKey","description":"Sets the key indicating whether a row has children.  This property is only used for load on demand scenarios.","type":"string"},{"name":"cascadeOnDelete","description":"Sets whether child records should be deleted when their parent gets deleted.  By default it is set to true and deletes all children along with the parent.","type":"boolean"},{"name":"loadChildrenOnDemand","description":"Sets a callback for loading child rows on demand.","type":"any"},{"name":"id","description":"Sets the value of the `id` attribute. If not provided it will be automatically generated.","type":"string"},{"name":"rootRecords","description":"Returns an array of the root level `ITreeGridRecord`s.","type":"IgcTreeGridRecord[]"},{"name":"processedRootRecords","description":"Returns an array of processed (filtered and sorted) root `ITreeGridRecord`s.","type":"IgcTreeGridRecord[]"},{"name":"data","description":"Gets/Sets the array of data that populates the component.","type":"any[]"},{"name":"expansionDepth","description":"Sets the count of levels to be expanded in the `IgxTreeGridComponent`. By default it is  set to `Infinity` which means all levels would be expanded.","type":"number"},{"name":"rowLoadingIndicatorTemplate","description":"Template for the row loading indicator when load on demand is enabled.","type":"IgcRenderFunction<void>"},{"name":"selectedCells","description":"Returns an array of the selected `IgxGridCell`s.","type":"IgcCellType[]"},{"name":"snackbarDisplayTime","description":"Gets/Sets the display time for the row adding snackbar notification.","type":"number"},{"name":"autoGenerate","description":"Gets/Sets whether to auto-generate the columns.","type":"boolean"},{"name":"autoGenerateExclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","type":"string[]"},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","type":"boolean"},{"name":"emptyGridTemplate","description":"Gets/Sets a custom template when empty.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"addRowEmptyTemplate","description":"Gets/Sets a custom template for adding row UI when grid is empty.","type":"IgcRenderFunction<void>"},{"name":"loadingGridTemplate","description":"Gets/Sets a custom template when loading.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"summaryRowHeight","description":"Get/Set IgxSummaryRow height","type":"number"},{"name":"dataCloneStrategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","type":"IgcDataCloneStrategy"},{"name":"clipboardOptions","description":"Controls the copy behavior of the grid.","type":"IgcClipboardOptions"},{"name":"rowClasses","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","type":"any"},{"name":"rowStyles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","type":"any"},{"name":"primaryKey","description":"Gets/Sets the primary key.","type":"string"},{"name":"columnList","type":"IgcColumnComponent[]"},{"name":"actionStripComponents","type":"IgcActionStripToken[]"},{"name":"dragGhostCustomTemplate","description":"Gets the custom template, if any, used for row drag ghost.","type":"IgcRenderFunction<IgcGridRowDragGhostContext>"},{"name":"rowEditTextTemplate","description":"Gets the row edit text template.","type":"IgcRenderFunction<IgcGridRowEditTextTemplateContext>"},{"name":"rowAddTextTemplate","description":"Gets the row add text template.","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"rowEditActionsTemplate","description":"Gets the row edit actions template.","type":"IgcRenderFunction<IgcGridRowEditActionsTemplateContext>"},{"name":"rowExpandedIndicatorTemplate","description":"Gets the row expand indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"rowCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"headerExpandedIndicatorTemplate","description":"Gets the header expand indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"headerCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"excelStyleHeaderIconTemplate","description":"Gets the excel style header icon.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortAscendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortDescendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortHeaderIconTemplate","description":"Gets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"toolbar","type":"IgcGridToolbarComponent[]"},{"name":"paginationComponents","type":"IgcPaginatorComponent[]"},{"name":"resourceStrings","description":"Gets/Sets the resource strings.","type":"IgcGridResourceStrings"},{"name":"filteringLogic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","type":"FilteringLogic"},{"name":"filteringExpressionsTree","description":"Gets/Sets the filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"advancedFilteringExpressionsTree","description":"Gets/Sets the advanced filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"locale","description":"Gets/Sets the locale.","type":"string"},{"name":"pagingMode","type":"GridPagingMode"},{"name":"hideRowSelectors","description":"Gets/Sets if the row selectors are hidden.","type":"boolean"},{"name":"rowDraggable","description":"Gets/Sets whether rows can be moved.","type":"boolean"},{"name":"validationTrigger","description":"Gets/Sets the trigger for validators used when editing the grid.","type":"GridValidationTrigger"},{"name":"rowEditable","description":"Gets/Sets whether the rows are editable.","type":"boolean"},{"name":"height","description":"Gets/Sets the height.","type":"string"},{"name":"width","description":"Gets/Sets the width of the grid.","type":"string"},{"name":"rowHeight","description":"Gets/Sets the row height.","type":"number"},{"name":"columnWidth","description":"Gets/Sets the default width of the columns.","type":"string"},{"name":"emptyGridMessage","description":"Get/Sets the message displayed when there are no records.","type":"string"},{"name":"isLoading","description":"Gets/Sets whether the grid is going to show a loading indicator.","type":"boolean"},{"name":"shouldGenerate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","type":"boolean"},{"name":"emptyFilteredGridMessage","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","type":"string"},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","type":"IgcPinningConfig"},{"name":"allowFiltering","description":"Gets/Sets if the filtering is enabled.","type":"boolean"},{"name":"allowAdvancedFiltering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","type":"boolean"},{"name":"filterMode","description":"Gets/Sets the filter mode.","type":"FilterMode"},{"name":"summaryPosition","description":"Gets/Sets the summary position.","type":"GridSummaryPosition"},{"name":"summaryCalculationMode","description":"Gets/Sets the summary calculation mode.","type":"GridSummaryCalculationMode"},{"name":"showSummaryOnCollapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","type":"boolean"},{"name":"filterStrategy","description":"Gets/Sets the filtering strategy of the grid.","type":"IgcFilteringStrategy"},{"name":"sortStrategy","description":"Gets/Sets the sorting strategy of the grid.","type":"IgcGridSortingStrategy"},{"name":"sortingOptions","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","type":"IgcSortingOptions"},{"name":"selectedRows","description":"Gets/Sets the current selection state.","type":"any[]"},{"name":"rowList","description":"A list of `IgxGridRowComponent`.","type":"IgcRowDirective[]"},{"name":"dataRowList","description":"A list of currently rendered `IgxGridRowComponent`'s.","type":"IgcRowDirective[]"},{"name":"headSelectorTemplate","description":"Gets the header row selector template.","type":"IgcRenderFunction<IgcHeadSelectorTemplateContext>"},{"name":"rowSelectorTemplate","description":"Gets the row selector template.","type":"IgcRenderFunction<IgcRowSelectorTemplateContext>"},{"name":"dragIndicatorIconTemplate","description":"The custom template, if any, that should be used when rendering the row drag indicator icon","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"sortingExpressions","description":"Gets/Sets the sorting state.","type":"IgcSortingExpression[]"},{"name":"hiddenColumnsCount","description":"Gets the number of hidden columns.","type":"number"},{"name":"pinnedColumnsCount","description":"Gets the number of pinned columns.","type":"number"},{"name":"batchEditing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","type":"boolean"},{"name":"cellSelection","description":"Gets/Sets cell selection mode.","type":"GridSelectionMode"},{"name":"rowSelection","description":"Gets/Sets row selection mode","type":"GridSelectionMode"},{"name":"columnSelection","description":"Gets/Sets column selection mode","type":"GridSelectionMode"},{"name":"lastSearchInfo","description":"Represents the last search information.","type":"IgcSearchInfo"},{"name":"filteredData","description":"Returns an array of objects containing the filtered data.","type":"any"},{"name":"filteredSortedData","description":"Returns an array containing the filtered sorted data.","type":"any[]"},{"name":"virtualizationState","description":"Returns the state of the grid virtualization.","type":"IgcForOfState"},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","type":"IgcOverlayOutletDirective"},{"name":"defaultRowHeight","description":"Gets the default row height.","type":"number"},{"name":"defaultHeaderGroupMinWidth","description":"Returns the `IgxGridHeaderGroupComponent`'s minimum allowed width.","type":"number"},{"name":"columns","description":"Gets an array of `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedColumns","description":"Gets an array of the pinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedRows","description":"Gets an array of the pinned `IgxRowComponent`s.","type":"IgcGridRowComponent[]"},{"name":"unpinnedColumns","description":"Gets an array of unpinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"visibleColumns","description":"Returns an array of visible `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"totalRecords","description":"Returns the total number of records.","type":"number"},{"name":"dataView","description":"Returns the currently transformed paged/filtered/sorted/grouped/pinned/unpinned row data, displayed in the grid.","type":"any[]"},{"name":"selectRowOnClick","description":"Gets/Sets whether clicking over a row should select/deselect it","type":"boolean"}],"events":[{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<IgcMap>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangingEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}]}},{"name":"igc-grid-toolbar","description":"Provides a context-aware container component for UI operations for the grid components.\n---\n","doc-url":"","attributes":[{"name":"show-progress","description":"When enabled, shows the indeterminate progress bar.","value":{"type":"boolean"}},{"name":"grid","description":"Gets/sets the grid component for the toolbar component.","value":{"type":"IgcGridBaseDirective"}}],"events":[],"js":{"properties":[{"name":"showProgress","description":"When enabled, shows the indeterminate progress bar.","type":"boolean"},{"name":"grid","description":"Gets/sets the grid component for the toolbar component.","type":"IgcGridBaseDirective"}],"events":[]}},{"name":"igc-paginator","description":"Paginator component description\n---\n\n\n### **Events:**\n - **perPageChange** - Emitted when `perPage` property value of the paginator is changed.\n- **pageChange** - Emitted after the current page is changed.\n- **paging** - Emitted before paging is performed.\n- **pagingDone** - Emitted after paging is performed.","doc-url":"","attributes":[{"name":"total-pages","description":"Total pages calculated from totalRecords and perPage","value":{"type":"number"}},{"name":"page","description":"Gets/Sets the current page of the paginator.  The default is 0.","value":{"type":"number"}},{"name":"per-page","description":"Gets/Sets the number of visible items per page in the paginator.  The default is 15.","value":{"type":"number"}},{"name":"total-records","description":"Sets the total records.","value":{"type":"number"}},{"name":"select-options","description":"Sets custom options in the select of the paginator","value":{"type":"number[]"}},{"name":"overlay-settings","description":"Sets custom OverlaySettings.","value":{"type":"IgcOverlaySettings"}},{"name":"resource-strings","description":"An accessor that sets the resource strings.  By default it uses EN resources.","value":{"type":"IgcPaginatorResourceStrings"}}],"events":[{"name":"perPageChange","type":"CustomEvent<number>","description":"Emitted when `perPage` property value of the paginator is changed."},{"name":"pageChange","type":"CustomEvent<number>","description":"Emitted after the current page is changed."},{"name":"paging","type":"CustomEvent<IgcPageCancellableEventArgs>","description":"Emitted before paging is performed."},{"name":"pagingDone","type":"CustomEvent<IgcPageEventArgs>","description":"Emitted after paging is performed."}],"js":{"properties":[{"name":"totalPages","description":"Total pages calculated from totalRecords and perPage","type":"number"},{"name":"page","description":"Gets/Sets the current page of the paginator.  The default is 0.","type":"number"},{"name":"perPage","description":"Gets/Sets the number of visible items per page in the paginator.  The default is 15.","type":"number"},{"name":"totalRecords","description":"Sets the total records.","type":"number"},{"name":"selectOptions","description":"Sets custom options in the select of the paginator","type":"number[]"},{"name":"overlaySettings","description":"Sets custom OverlaySettings.","type":"IgcOverlaySettings"},{"name":"resourceStrings","description":"An accessor that sets the resource strings.  By default it uses EN resources.","type":"IgcPaginatorResourceStrings"},{"name":"isLastPage","description":"Returns if the current page is the last page.","type":"boolean"},{"name":"isFirstPage","description":"Returns if the current page is the first page.","type":"boolean"}],"events":[{"name":"perPageChange","type":"CustomEvent<number>","description":"Emitted when `perPage` property value of the paginator is changed."},{"name":"pageChange","type":"CustomEvent<number>","description":"Emitted after the current page is changed."},{"name":"paging","type":"CustomEvent<IgcPageCancellableEventArgs>","description":"Emitted before paging is performed."},{"name":"pagingDone","type":"CustomEvent<IgcPageEventArgs>","description":"Emitted after paging is performed."}]}}]
+        "elements": [{"name":"igc-grid-state","description":"State component allows saving and restoring the state of the grid features.\n---\n\n\n### **Events:**\n - **stateParsed** - Event emitted when set state is called with a string.  Returns the parsed state object so that it can be further modified before applying to the grid.","doc-url":"","attributes":[{"name":"options","description":"An object with options determining if a certain feature state should be saved.","value":{"type":"IgcGridStateOptions"}}],"events":[{"name":"stateParsed","type":"CustomEvent<IgcGridStateInfo>","description":"Event emitted when set state is called with a string.  Returns the parsed state object so that it can be further modified before applying to the grid."}],"js":{"properties":[{"name":"options","description":"An object with options determining if a certain feature state should be saved.","type":"IgcGridStateOptions"}],"events":[{"name":"stateParsed","type":"CustomEvent<IgcGridStateInfo>","description":"Event emitted when set state is called with a string.  Returns the parsed state object so that it can be further modified before applying to the grid."}]}},{"name":"igc-action-strip","description":"Action Strip provides templatable area for one or more actions.\n---\n","doc-url":"","attributes":[{"name":"action-buttons","description":"ActionButton as ContentChildren inside the Action Strip","value":{"type":"IgcGridActionsBaseDirective[]"}},{"name":"hidden","description":"Gets/Sets the visibility of the Action Strip.  Could be used to set if the Action Strip will be initially hidden.","value":{"type":"boolean"}},{"name":"resource-strings","description":"Gets/Sets the resource strings.","value":{"type":"IgcActionStripResourceStrings"}}],"events":[],"js":{"properties":[{"name":"actionButtons","description":"ActionButton as ContentChildren inside the Action Strip","type":"IgcGridActionsBaseDirective[]"},{"name":"hidden","description":"Gets/Sets the visibility of the Action Strip.  Could be used to set if the Action Strip will be initially hidden.","type":"boolean"},{"name":"resourceStrings","description":"Gets/Sets the resource strings.","type":"IgcActionStripResourceStrings"}],"events":[]}},{"name":"igc-grid-editing-actions","description":"Grid Editing Actions for the Action Strip\n---\n","doc-url":"","attributes":[{"name":"add-row","description":"An input to enable/disable action strip row adding button","value":{"type":"boolean"}},{"name":"edit-row","description":"An input to enable/disable action strip row editing button","value":{"type":"boolean"}},{"name":"delete-row","description":"An input to enable/disable action strip row deleting button","value":{"type":"boolean"}},{"name":"add-child","description":"An input to enable/disable action strip child row adding button","value":{"type":"boolean"}},{"name":"as-menu-items","description":"Gets/Sets if the action buttons will be rendered as menu items. When in menu, items will be rendered with text label.","value":{"type":"boolean"}}],"events":[],"js":{"properties":[{"name":"addRow","description":"An input to enable/disable action strip row adding button","type":"boolean"},{"name":"editRow","description":"An input to enable/disable action strip row editing button","type":"boolean"},{"name":"deleteRow","description":"An input to enable/disable action strip row deleting button","type":"boolean"},{"name":"hasChildren","type":"boolean"},{"name":"addChild","description":"An input to enable/disable action strip child row adding button","type":"boolean"},{"name":"asMenuItems","description":"Gets/Sets if the action buttons will be rendered as menu items. When in menu, items will be rendered with text label.","type":"boolean"}],"events":[]}},{"name":"igc-grid-pinning-actions","description":"Grid Pinning Actions for the Action Strip\n---\n","doc-url":"","attributes":[{"name":"as-menu-items","description":"Gets/Sets if the action buttons will be rendered as menu items. When in menu, items will be rendered with text label.","value":{"type":"boolean"}}],"events":[],"js":{"properties":[{"name":"asMenuItems","description":"Gets/Sets if the action buttons will be rendered as menu items. When in menu, items will be rendered with text label.","type":"boolean"}],"events":[]}},{"name":"igc-column-group","description":"**Ignite UI for Angular Column Group**\n---\n\n\n### **Events:**\n - **hiddenChange** - Emitted when the column is hidden or shown.\n- **expandedChange** - Emitted when the column expanded or collapsed.\n- **widthChange** - Emitted when the column width changes.\n- **pinnedChange** - Emitted when the column is pinned/unpinned.","doc-url":"","attributes":[{"name":"children","value":{"type":"HTMLCollection"}},{"name":"collapsible","description":"Set if the column group is collapsible.  Default value is `false`","value":{"type":"boolean"}},{"name":"expanded","description":"Set whether the group is expanded or collapsed initially.  Applied only if the collapsible property is set to `true`  Default value is `true`","value":{"type":"boolean"}},{"name":"field","description":"Sets/gets the `field` value.","value":{"type":"string"}},{"name":"header","description":"Sets/gets the `header` value.","value":{"type":"string"}},{"name":"title","description":"Sets/gets the `title` value.","value":{"type":"string"}},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"selectable","description":"Returns if the column is selectable.","value":{"type":"boolean"}},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","value":{"type":"boolean"}},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"autosize-header","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","value":{"type":"boolean"}},{"name":"has-summary","description":"Gets a value indicating whether the summary for the column is enabled.","value":{"type":"boolean"}},{"name":"hidden","description":"Gets whether the column is hidden.","value":{"type":"boolean"}},{"name":"selected","description":"Returns if the column is selected.","value":{"type":"boolean"}},{"name":"disable-hiding","description":"Gets whether the hiding is disabled.","value":{"type":"boolean"}},{"name":"disable-pinning","description":"Gets whether the pinning is disabled.","value":{"type":"boolean"}},{"name":"width","description":"Gets the `width` of the column.","value":{"type":"string"}},{"name":"max-width","description":"Sets/gets the maximum `width` of the column.","value":{"type":"string"}},{"name":"header-classes","description":"Sets/gets the class selector of the column header.","value":{"type":"string"}},{"name":"header-styles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","value":{"type":"any"}},{"name":"header-group-classes","description":"Sets/gets the class selector of the column group header.","value":{"type":"string"}},{"name":"header-group-styles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","value":{"type":"any"}},{"name":"cell-classes","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","value":{"type":"any"}},{"name":"cell-styles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","value":{"type":"any"}},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","value":{"type":"any"}},{"name":"summary-formatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","value":{"type":"any"}},{"name":"filtering-ignore-case","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","value":{"type":"boolean"}},{"name":"sorting-ignore-case","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","value":{"type":"boolean"}},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","value":{"type":"boolean"}},{"name":"data-type","description":"Sets/gets the data type of the column values.  Default value is `string`.","value":{"type":"GridColumnDataType"}},{"name":"row-end","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","value":{"type":"number"}},{"name":"col-end","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","value":{"type":"number"}},{"name":"row-start","description":"Row index from which the field is starting.","value":{"type":"number"}},{"name":"col-start","description":"Column index from which the field is starting.","value":{"type":"number"}},{"name":"additional-template-context","description":"Sets/gets custom properties provided in additional template context.","value":{"type":"any"}},{"name":"min-width","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","value":{"type":"string"}},{"name":"pinned","description":"Gets whether the column is `pinned`.","value":{"type":"boolean"}},{"name":"summaries","description":"Gets the column `summaries`.","value":{"type":"any"}},{"name":"disabled-summaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","value":{"type":"string[]"}},{"name":"filters","description":"Gets the column `filters`.","value":{"type":"IgcFilteringOperand"}},{"name":"sort-strategy","description":"Gets the column `sortStrategy`.","value":{"type":"IgcSortingStrategy"}},{"name":"visible-when-collapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","value":{"type":"boolean"}},{"name":"pipe-args","value":{"type":"IgcColumnPipeArgs"}},{"name":"editor-options","description":"Pass optional properties for the default column editors.","value":{"type":"IgcColumnEditorOptions"}},{"name":"parent","description":"Sets/gets the parent column.","value":{"type":"any"}}],"events":[{"name":"hiddenChange","type":"CustomEvent<boolean>","description":"Emitted when the column is hidden or shown."},{"name":"expandedChange","type":"CustomEvent<boolean>","description":"Emitted when the column expanded or collapsed."},{"name":"widthChange","type":"CustomEvent<string>","description":"Emitted when the column width changes."},{"name":"pinnedChange","type":"CustomEvent<boolean>","description":"Emitted when the column is pinned/unpinned."}],"js":{"properties":[{"name":"children","type":"HTMLCollection"},{"name":"collapsible","description":"Set if the column group is collapsible.  Default value is `false`","type":"boolean"},{"name":"expanded","description":"Set whether the group is expanded or collapsed initially.  Applied only if the collapsible property is set to `true`  Default value is `true`","type":"boolean"},{"name":"summaries","description":"Gets the column group `summaries`.","type":"any"},{"name":"filters","description":"Gets the column group `filters`.","type":"any"},{"name":"selectable","description":"Returns if the column group is selectable","type":"boolean"},{"name":"collapsibleIndicatorTemplate","description":"Allows you to define a custom template for expand/collapse indicator","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"hidden","description":"Gets whether the column group is hidden.","type":"boolean"},{"name":"selected","description":"Returns if the column group is selected.","type":"boolean"},{"name":"childColumns","description":"A list containing all the child columns under this column (if any).  Empty without children or if this column is not Group or Layout.","type":"IgcColumnComponent[]"},{"name":"columnGroup","description":"Returns a boolean indicating if the column is a `ColumnGroup`.","type":"boolean"},{"name":"columnLayout","description":"Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"width","description":"Gets the width of the column group.","type":"string"},{"name":"field","description":"Sets/gets the `field` value.","type":"string"},{"name":"header","description":"Sets/gets the `header` value.","type":"string"},{"name":"title","description":"Sets/gets the `title` value.","type":"string"},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","type":"boolean"},{"name":"selectable","description":"Returns if the column is selectable.","type":"boolean"},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","type":"boolean"},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","type":"boolean"},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","type":"boolean"},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","type":"boolean"},{"name":"autosizeHeader","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","type":"boolean"},{"name":"hasSummary","description":"Gets a value indicating whether the summary for the column is enabled.","type":"boolean"},{"name":"hidden","description":"Gets whether the column is hidden.","type":"boolean"},{"name":"selected","description":"Returns if the column is selected.","type":"boolean"},{"name":"disableHiding","description":"Gets whether the hiding is disabled.","type":"boolean"},{"name":"disablePinning","description":"Gets whether the pinning is disabled.","type":"boolean"},{"name":"width","description":"Gets the `width` of the column.","type":"string"},{"name":"maxWidth","description":"Sets/gets the maximum `width` of the column.","type":"string"},{"name":"headerClasses","description":"Sets/gets the class selector of the column header.","type":"string"},{"name":"headerStyles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","type":"any"},{"name":"headerGroupClasses","description":"Sets/gets the class selector of the column group header.","type":"string"},{"name":"headerGroupStyles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","type":"any"},{"name":"cellClasses","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","type":"any"},{"name":"cellStyles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","type":"any"},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","type":"any"},{"name":"summaryFormatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","type":"any"},{"name":"filteringIgnoreCase","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","type":"boolean"},{"name":"sortingIgnoreCase","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","type":"boolean"},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","type":"boolean"},{"name":"dataType","description":"Sets/gets the data type of the column values.  Default value is `string`.","type":"GridColumnDataType"},{"name":"rowEnd","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","type":"number"},{"name":"colEnd","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","type":"number"},{"name":"rowStart","description":"Row index from which the field is starting.","type":"number"},{"name":"colStart","description":"Column index from which the field is starting.","type":"number"},{"name":"additionalTemplateContext","description":"Sets/gets custom properties provided in additional template context.","type":"any"},{"name":"minWidth","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","type":"string"},{"name":"index","description":"Gets the column index.","type":"number"},{"name":"pinned","description":"Gets whether the column is `pinned`.","type":"boolean"},{"name":"summaries","description":"Gets the column `summaries`.","type":"any"},{"name":"disabledSummaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","type":"string[]"},{"name":"filters","description":"Gets the column `filters`.","type":"IgcFilteringOperand"},{"name":"sortStrategy","description":"Gets the column `sortStrategy`.","type":"IgcSortingStrategy"},{"name":"summaryTemplate","description":"Returns a reference to the `summaryTemplate`.","type":"IgcRenderFunction<IgcSummaryTemplateContext>"},{"name":"bodyTemplate","description":"Returns a reference to the `bodyTemplate`.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"headerTemplate","description":"Returns a reference to the header template.","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"inlineEditorTemplate","description":"Returns a reference to the inline editor template.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"errorTemplate","description":"Returns a reference to the validation error template.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"filterCellTemplate","description":"Returns a reference to the `filterCellTemplate`.","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"visibleIndex","description":"Gets the column visible index.  If the column is not visible, returns `-1`.","type":"number"},{"name":"columnGroup","description":"Returns a boolean indicating if the column is a `ColumnGroup`.","type":"boolean"},{"name":"columnLayout","description":"Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"columnLayoutChild","description":"Returns a boolean indicating if the column is a child of a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"childColumns","description":"A list containing all the child columns under this column (if any).  Empty without children or if this column is not Group or Layout.","type":"IgcColumnComponent[]"},{"name":"level","description":"Returns the level of the column in a column group.  Returns `0` if the column doesn't have a `parent`.","type":"number"},{"name":"visibleWhenCollapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","type":"boolean"},{"name":"pipeArgs","type":"IgcColumnPipeArgs"},{"name":"editorOptions","description":"Pass optional properties for the default column editors.","type":"IgcColumnEditorOptions"},{"name":"filteringExpressionsTree","description":"Returns the filteringExpressionsTree of the column.","type":"IgcFilteringExpressionsTree"},{"name":"parent","description":"Sets/gets the parent column.","type":"any"},{"name":"topLevelParent","description":"Returns a reference to the top level parent column.","type":"IgcColumnComponent"}],"events":[{"name":"hiddenChange","type":"CustomEvent<boolean>","description":"Emitted when the column is hidden or shown."},{"name":"expandedChange","type":"CustomEvent<boolean>","description":"Emitted when the column expanded or collapsed."},{"name":"widthChange","type":"CustomEvent<string>","description":"Emitted when the column width changes."},{"name":"pinnedChange","type":"CustomEvent<boolean>","description":"Emitted when the column is pinned/unpinned."}]}},{"name":"igc-column","description":"**Ignite UI for Angular Column** -  [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid#columns-configuration)   The Ignite UI Column is used within an `igx-grid` element to define what data the column will show. Features such as sorting,  filtering & editing are enabled at the column level.  You can also provide a template containing custom content inside  the column using `ng-template` which will be used for all cells within the column.\n---\n\n\n### **Events:**\n - **hiddenChange** - Emitted when the column is hidden or shown.\n- **expandedChange** - Emitted when the column expanded or collapsed.\n- **widthChange** - Emitted when the column width changes.\n- **pinnedChange** - Emitted when the column is pinned/unpinned.","doc-url":"","attributes":[{"name":"field","description":"Sets/gets the `field` value.","value":{"type":"string"}},{"name":"header","description":"Sets/gets the `header` value.","value":{"type":"string"}},{"name":"title","description":"Sets/gets the `title` value.","value":{"type":"string"}},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"selectable","description":"Returns if the column is selectable.","value":{"type":"boolean"}},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","value":{"type":"boolean"}},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"autosize-header","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","value":{"type":"boolean"}},{"name":"has-summary","description":"Gets a value indicating whether the summary for the column is enabled.","value":{"type":"boolean"}},{"name":"hidden","description":"Gets whether the column is hidden.","value":{"type":"boolean"}},{"name":"selected","description":"Returns if the column is selected.","value":{"type":"boolean"}},{"name":"disable-hiding","description":"Gets whether the hiding is disabled.","value":{"type":"boolean"}},{"name":"disable-pinning","description":"Gets whether the pinning is disabled.","value":{"type":"boolean"}},{"name":"width","description":"Gets the `width` of the column.","value":{"type":"string"}},{"name":"max-width","description":"Sets/gets the maximum `width` of the column.","value":{"type":"string"}},{"name":"header-classes","description":"Sets/gets the class selector of the column header.","value":{"type":"string"}},{"name":"header-styles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","value":{"type":"any"}},{"name":"header-group-classes","description":"Sets/gets the class selector of the column group header.","value":{"type":"string"}},{"name":"header-group-styles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","value":{"type":"any"}},{"name":"cell-classes","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","value":{"type":"any"}},{"name":"cell-styles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","value":{"type":"any"}},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","value":{"type":"any"}},{"name":"summary-formatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","value":{"type":"any"}},{"name":"filtering-ignore-case","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","value":{"type":"boolean"}},{"name":"sorting-ignore-case","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","value":{"type":"boolean"}},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","value":{"type":"boolean"}},{"name":"data-type","description":"Sets/gets the data type of the column values.  Default value is `string`.","value":{"type":"GridColumnDataType"}},{"name":"row-end","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","value":{"type":"number"}},{"name":"col-end","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","value":{"type":"number"}},{"name":"row-start","description":"Row index from which the field is starting.","value":{"type":"number"}},{"name":"col-start","description":"Column index from which the field is starting.","value":{"type":"number"}},{"name":"additional-template-context","description":"Sets/gets custom properties provided in additional template context.","value":{"type":"any"}},{"name":"min-width","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","value":{"type":"string"}},{"name":"pinned","description":"Gets whether the column is `pinned`.","value":{"type":"boolean"}},{"name":"summaries","description":"Gets the column `summaries`.","value":{"type":"any"}},{"name":"disabled-summaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","value":{"type":"string[]"}},{"name":"filters","description":"Gets the column `filters`.","value":{"type":"IgcFilteringOperand"}},{"name":"sort-strategy","description":"Gets the column `sortStrategy`.","value":{"type":"IgcSortingStrategy"}},{"name":"visible-when-collapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","value":{"type":"boolean"}},{"name":"pipe-args","value":{"type":"IgcColumnPipeArgs"}},{"name":"editor-options","description":"Pass optional properties for the default column editors.","value":{"type":"IgcColumnEditorOptions"}},{"name":"parent","description":"Sets/gets the parent column.","value":{"type":"any"}}],"events":[{"name":"hiddenChange","type":"CustomEvent<boolean>","description":"Emitted when the column is hidden or shown."},{"name":"expandedChange","type":"CustomEvent<boolean>","description":"Emitted when the column expanded or collapsed."},{"name":"widthChange","type":"CustomEvent<string>","description":"Emitted when the column width changes."},{"name":"pinnedChange","type":"CustomEvent<boolean>","description":"Emitted when the column is pinned/unpinned."}],"js":{"properties":[{"name":"field","description":"Sets/gets the `field` value.","type":"string"},{"name":"header","description":"Sets/gets the `header` value.","type":"string"},{"name":"title","description":"Sets/gets the `title` value.","type":"string"},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","type":"boolean"},{"name":"selectable","description":"Returns if the column is selectable.","type":"boolean"},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","type":"boolean"},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","type":"boolean"},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","type":"boolean"},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","type":"boolean"},{"name":"autosizeHeader","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","type":"boolean"},{"name":"hasSummary","description":"Gets a value indicating whether the summary for the column is enabled.","type":"boolean"},{"name":"hidden","description":"Gets whether the column is hidden.","type":"boolean"},{"name":"selected","description":"Returns if the column is selected.","type":"boolean"},{"name":"disableHiding","description":"Gets whether the hiding is disabled.","type":"boolean"},{"name":"disablePinning","description":"Gets whether the pinning is disabled.","type":"boolean"},{"name":"width","description":"Gets the `width` of the column.","type":"string"},{"name":"maxWidth","description":"Sets/gets the maximum `width` of the column.","type":"string"},{"name":"headerClasses","description":"Sets/gets the class selector of the column header.","type":"string"},{"name":"headerStyles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","type":"any"},{"name":"headerGroupClasses","description":"Sets/gets the class selector of the column group header.","type":"string"},{"name":"headerGroupStyles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","type":"any"},{"name":"cellClasses","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","type":"any"},{"name":"cellStyles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","type":"any"},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","type":"any"},{"name":"summaryFormatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","type":"any"},{"name":"filteringIgnoreCase","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","type":"boolean"},{"name":"sortingIgnoreCase","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","type":"boolean"},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","type":"boolean"},{"name":"dataType","description":"Sets/gets the data type of the column values.  Default value is `string`.","type":"GridColumnDataType"},{"name":"rowEnd","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","type":"number"},{"name":"colEnd","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","type":"number"},{"name":"rowStart","description":"Row index from which the field is starting.","type":"number"},{"name":"colStart","description":"Column index from which the field is starting.","type":"number"},{"name":"additionalTemplateContext","description":"Sets/gets custom properties provided in additional template context.","type":"any"},{"name":"minWidth","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","type":"string"},{"name":"index","description":"Gets the column index.","type":"number"},{"name":"pinned","description":"Gets whether the column is `pinned`.","type":"boolean"},{"name":"summaries","description":"Gets the column `summaries`.","type":"any"},{"name":"disabledSummaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","type":"string[]"},{"name":"filters","description":"Gets the column `filters`.","type":"IgcFilteringOperand"},{"name":"sortStrategy","description":"Gets the column `sortStrategy`.","type":"IgcSortingStrategy"},{"name":"summaryTemplate","description":"Returns a reference to the `summaryTemplate`.","type":"IgcRenderFunction<IgcSummaryTemplateContext>"},{"name":"bodyTemplate","description":"Returns a reference to the `bodyTemplate`.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"headerTemplate","description":"Returns a reference to the header template.","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"inlineEditorTemplate","description":"Returns a reference to the inline editor template.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"errorTemplate","description":"Returns a reference to the validation error template.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"filterCellTemplate","description":"Returns a reference to the `filterCellTemplate`.","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"visibleIndex","description":"Gets the column visible index.  If the column is not visible, returns `-1`.","type":"number"},{"name":"columnGroup","description":"Returns a boolean indicating if the column is a `ColumnGroup`.","type":"boolean"},{"name":"columnLayout","description":"Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"columnLayoutChild","description":"Returns a boolean indicating if the column is a child of a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"childColumns","description":"A list containing all the child columns under this column (if any).  Empty without children or if this column is not Group or Layout.","type":"IgcColumnComponent[]"},{"name":"level","description":"Returns the level of the column in a column group.  Returns `0` if the column doesn't have a `parent`.","type":"number"},{"name":"visibleWhenCollapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","type":"boolean"},{"name":"pipeArgs","type":"IgcColumnPipeArgs"},{"name":"editorOptions","description":"Pass optional properties for the default column editors.","type":"IgcColumnEditorOptions"},{"name":"filteringExpressionsTree","description":"Returns the filteringExpressionsTree of the column.","type":"IgcFilteringExpressionsTree"},{"name":"parent","description":"Sets/gets the parent column.","type":"any"},{"name":"topLevelParent","description":"Returns a reference to the top level parent column.","type":"IgcColumnComponent"}],"events":[{"name":"hiddenChange","type":"CustomEvent<boolean>","description":"Emitted when the column is hidden or shown."},{"name":"expandedChange","type":"CustomEvent<boolean>","description":"Emitted when the column expanded or collapsed."},{"name":"widthChange","type":"CustomEvent<string>","description":"Emitted when the column width changes."},{"name":"pinnedChange","type":"CustomEvent<boolean>","description":"Emitted when the column is pinned/unpinned."}]}},{"name":"igc-column-layout","description":"Column layout for declaration of Multi-row Layout\n---\n\n\n### **Events:**\n - **hiddenChange** - Emitted when the column is hidden or shown.\n- **expandedChange** - Emitted when the column expanded or collapsed.\n- **widthChange** - Emitted when the column width changes.\n- **pinnedChange** - Emitted when the column is pinned/unpinned.","doc-url":"","attributes":[{"name":"children","value":{"type":"HTMLCollection"}},{"name":"collapsible","description":"Set if the column group is collapsible.  Default value is `false`","value":{"type":"boolean"}},{"name":"expanded","description":"Set whether the group is expanded or collapsed initially.  Applied only if the collapsible property is set to `true`  Default value is `true`","value":{"type":"boolean"}},{"name":"field","description":"Sets/gets the `field` value.","value":{"type":"string"}},{"name":"header","description":"Sets/gets the `header` value.","value":{"type":"string"}},{"name":"title","description":"Sets/gets the `title` value.","value":{"type":"string"}},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"selectable","description":"Returns if the column is selectable.","value":{"type":"boolean"}},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","value":{"type":"boolean"}},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","value":{"type":"boolean"}},{"name":"autosize-header","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","value":{"type":"boolean"}},{"name":"has-summary","description":"Gets a value indicating whether the summary for the column is enabled.","value":{"type":"boolean"}},{"name":"hidden","description":"Gets whether the column is hidden.","value":{"type":"boolean"}},{"name":"selected","description":"Returns if the column is selected.","value":{"type":"boolean"}},{"name":"disable-hiding","description":"Gets whether the hiding is disabled.","value":{"type":"boolean"}},{"name":"disable-pinning","description":"Gets whether the pinning is disabled.","value":{"type":"boolean"}},{"name":"width","description":"Gets the `width` of the column.","value":{"type":"string"}},{"name":"max-width","description":"Sets/gets the maximum `width` of the column.","value":{"type":"string"}},{"name":"header-classes","description":"Sets/gets the class selector of the column header.","value":{"type":"string"}},{"name":"header-styles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","value":{"type":"any"}},{"name":"header-group-classes","description":"Sets/gets the class selector of the column group header.","value":{"type":"string"}},{"name":"header-group-styles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","value":{"type":"any"}},{"name":"cell-classes","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","value":{"type":"any"}},{"name":"cell-styles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","value":{"type":"any"}},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","value":{"type":"any"}},{"name":"summary-formatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","value":{"type":"any"}},{"name":"filtering-ignore-case","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","value":{"type":"boolean"}},{"name":"sorting-ignore-case","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","value":{"type":"boolean"}},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","value":{"type":"boolean"}},{"name":"data-type","description":"Sets/gets the data type of the column values.  Default value is `string`.","value":{"type":"GridColumnDataType"}},{"name":"row-end","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","value":{"type":"number"}},{"name":"col-end","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","value":{"type":"number"}},{"name":"row-start","description":"Row index from which the field is starting.","value":{"type":"number"}},{"name":"col-start","description":"Column index from which the field is starting.","value":{"type":"number"}},{"name":"additional-template-context","description":"Sets/gets custom properties provided in additional template context.","value":{"type":"any"}},{"name":"min-width","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","value":{"type":"string"}},{"name":"pinned","description":"Gets whether the column is `pinned`.","value":{"type":"boolean"}},{"name":"summaries","description":"Gets the column `summaries`.","value":{"type":"any"}},{"name":"disabled-summaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","value":{"type":"string[]"}},{"name":"filters","description":"Gets the column `filters`.","value":{"type":"IgcFilteringOperand"}},{"name":"sort-strategy","description":"Gets the column `sortStrategy`.","value":{"type":"IgcSortingStrategy"}},{"name":"visible-when-collapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","value":{"type":"boolean"}},{"name":"pipe-args","value":{"type":"IgcColumnPipeArgs"}},{"name":"editor-options","description":"Pass optional properties for the default column editors.","value":{"type":"IgcColumnEditorOptions"}},{"name":"parent","description":"Sets/gets the parent column.","value":{"type":"any"}}],"events":[{"name":"hiddenChange","type":"CustomEvent<boolean>","description":"Emitted when the column is hidden or shown."},{"name":"expandedChange","type":"CustomEvent<boolean>","description":"Emitted when the column expanded or collapsed."},{"name":"widthChange","type":"CustomEvent<string>","description":"Emitted when the column width changes."},{"name":"pinnedChange","type":"CustomEvent<boolean>","description":"Emitted when the column is pinned/unpinned."}],"js":{"properties":[{"name":"width","description":"Gets the width of the column layout.","type":"any"},{"name":"visibleIndex","description":"Gets the column visible index.  If the column is not visible, returns `-1`.","type":"number"},{"name":"children","type":"HTMLCollection"},{"name":"collapsible","description":"Set if the column group is collapsible.  Default value is `false`","type":"boolean"},{"name":"expanded","description":"Set whether the group is expanded or collapsed initially.  Applied only if the collapsible property is set to `true`  Default value is `true`","type":"boolean"},{"name":"summaries","description":"Gets the column group `summaries`.","type":"any"},{"name":"filters","description":"Gets the column group `filters`.","type":"any"},{"name":"selectable","description":"Returns if the column group is selectable","type":"boolean"},{"name":"collapsibleIndicatorTemplate","description":"Allows you to define a custom template for expand/collapse indicator","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"hidden","description":"Gets whether the column group is hidden.","type":"boolean"},{"name":"selected","description":"Returns if the column group is selected.","type":"boolean"},{"name":"childColumns","description":"A list containing all the child columns under this column (if any).  Empty without children or if this column is not Group or Layout.","type":"IgcColumnComponent[]"},{"name":"columnGroup","description":"Returns a boolean indicating if the column is a `ColumnGroup`.","type":"boolean"},{"name":"columnLayout","description":"Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"width","description":"Gets the width of the column group.","type":"string"},{"name":"field","description":"Sets/gets the `field` value.","type":"string"},{"name":"header","description":"Sets/gets the `header` value.","type":"string"},{"name":"title","description":"Sets/gets the `title` value.","type":"string"},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","type":"boolean"},{"name":"selectable","description":"Returns if the column is selectable.","type":"boolean"},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","type":"boolean"},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","type":"boolean"},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","type":"boolean"},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","type":"boolean"},{"name":"autosizeHeader","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","type":"boolean"},{"name":"hasSummary","description":"Gets a value indicating whether the summary for the column is enabled.","type":"boolean"},{"name":"hidden","description":"Gets whether the column is hidden.","type":"boolean"},{"name":"selected","description":"Returns if the column is selected.","type":"boolean"},{"name":"disableHiding","description":"Gets whether the hiding is disabled.","type":"boolean"},{"name":"disablePinning","description":"Gets whether the pinning is disabled.","type":"boolean"},{"name":"width","description":"Gets the `width` of the column.","type":"string"},{"name":"maxWidth","description":"Sets/gets the maximum `width` of the column.","type":"string"},{"name":"headerClasses","description":"Sets/gets the class selector of the column header.","type":"string"},{"name":"headerStyles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","type":"any"},{"name":"headerGroupClasses","description":"Sets/gets the class selector of the column group header.","type":"string"},{"name":"headerGroupStyles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","type":"any"},{"name":"cellClasses","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","type":"any"},{"name":"cellStyles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","type":"any"},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","type":"any"},{"name":"summaryFormatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","type":"any"},{"name":"filteringIgnoreCase","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","type":"boolean"},{"name":"sortingIgnoreCase","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","type":"boolean"},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","type":"boolean"},{"name":"dataType","description":"Sets/gets the data type of the column values.  Default value is `string`.","type":"GridColumnDataType"},{"name":"rowEnd","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","type":"number"},{"name":"colEnd","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","type":"number"},{"name":"rowStart","description":"Row index from which the field is starting.","type":"number"},{"name":"colStart","description":"Column index from which the field is starting.","type":"number"},{"name":"additionalTemplateContext","description":"Sets/gets custom properties provided in additional template context.","type":"any"},{"name":"minWidth","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","type":"string"},{"name":"index","description":"Gets the column index.","type":"number"},{"name":"pinned","description":"Gets whether the column is `pinned`.","type":"boolean"},{"name":"summaries","description":"Gets the column `summaries`.","type":"any"},{"name":"disabledSummaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","type":"string[]"},{"name":"filters","description":"Gets the column `filters`.","type":"IgcFilteringOperand"},{"name":"sortStrategy","description":"Gets the column `sortStrategy`.","type":"IgcSortingStrategy"},{"name":"summaryTemplate","description":"Returns a reference to the `summaryTemplate`.","type":"IgcRenderFunction<IgcSummaryTemplateContext>"},{"name":"bodyTemplate","description":"Returns a reference to the `bodyTemplate`.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"headerTemplate","description":"Returns a reference to the header template.","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"inlineEditorTemplate","description":"Returns a reference to the inline editor template.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"errorTemplate","description":"Returns a reference to the validation error template.","type":"IgcRenderFunction<IgcCellTemplateContext>"},{"name":"filterCellTemplate","description":"Returns a reference to the `filterCellTemplate`.","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"visibleIndex","description":"Gets the column visible index.  If the column is not visible, returns `-1`.","type":"number"},{"name":"columnGroup","description":"Returns a boolean indicating if the column is a `ColumnGroup`.","type":"boolean"},{"name":"columnLayout","description":"Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"columnLayoutChild","description":"Returns a boolean indicating if the column is a child of a `ColumnLayout` for multi-row layout.","type":"boolean"},{"name":"childColumns","description":"A list containing all the child columns under this column (if any).  Empty without children or if this column is not Group or Layout.","type":"IgcColumnComponent[]"},{"name":"level","description":"Returns the level of the column in a column group.  Returns `0` if the column doesn't have a `parent`.","type":"number"},{"name":"visibleWhenCollapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","type":"boolean"},{"name":"pipeArgs","type":"IgcColumnPipeArgs"},{"name":"editorOptions","description":"Pass optional properties for the default column editors.","type":"IgcColumnEditorOptions"},{"name":"filteringExpressionsTree","description":"Returns the filteringExpressionsTree of the column.","type":"IgcFilteringExpressionsTree"},{"name":"parent","description":"Sets/gets the parent column.","type":"any"},{"name":"topLevelParent","description":"Returns a reference to the top level parent column.","type":"IgcColumnComponent"}],"events":[{"name":"hiddenChange","type":"CustomEvent<boolean>","description":"Emitted when the column is hidden or shown."},{"name":"expandedChange","type":"CustomEvent<boolean>","description":"Emitted when the column expanded or collapsed."},{"name":"widthChange","type":"CustomEvent<string>","description":"Emitted when the column width changes."},{"name":"pinnedChange","type":"CustomEvent<boolean>","description":"Emitted when the column is pinned/unpinned."}]}},{"name":"igc-grid","description":"Grid provides a way to present and manipulate tabular data.\n---\n\n\n### **Events:**\n - **dataPreLoad** - Emitted when a new chunk of data is loaded from virtualization.\n- **groupingExpressionsChange** - Emitted when grouping is performed.\n- **groupingExpansionStateChange** - Emitted when groups are expanded/collapsed.\n- **groupingDone** - Emitted when columns are grouped/ungrouped.\n- **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **expansionStatesChange** - Emitted when the rows are expanded or collapsed.\n- **selectedRowsChange** - Emitted when the rows are selected or deselected.\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emitted when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","doc-url":"","attributes":[{"name":"groups-expanded","description":"Gets/Sets whether created groups are rendered expanded or collapsed.","value":{"type":"boolean"}},{"name":"id","description":"Gets/Sets the value of the `id` attribute.","value":{"type":"string"}},{"name":"data","description":"Gets/Sets the array of data that populates the component.","value":{"type":"any[]"}},{"name":"total-item-count","description":"Gets/Sets the total number of records in the data source.","value":{"type":"number"}},{"name":"grouping-expressions","description":"Gets/Sets the group by state.","value":{"type":"IgcGroupingExpression[]"}},{"name":"grouping-expansion-state","description":"Gets/Sets a list of expansion states for group rows.","value":{"type":"IgcGroupByExpandState[]"}},{"name":"hide-grouped-columns","description":"Gets/Sets whether the grouped columns should be hidden.","value":{"type":"boolean"}},{"name":"group-strategy","description":"Gets/Sets the grouping strategy of the grid.","value":{"type":"IgcGridGroupingStrategy"}},{"name":"drop-area-message","description":"Gets/Sets the message displayed inside the GroupBy drop area where columns can be dragged on.","value":{"type":"string"}},{"name":"show-group-area","description":"Returns whether the `IgxGridComponent` has group area.","value":{"type":"boolean"}},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","value":{"type":"number"}},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","value":{"type":"boolean"}},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","value":{"type":"string[]"}},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","value":{"type":"boolean"}},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","value":{"type":"number"}},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","value":{"type":"IgcDataCloneStrategy"}},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","value":{"type":"IgcClipboardOptions"}},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","value":{"type":"any"}},{"name":"row-styles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","value":{"type":"any"}},{"name":"primary-key","description":"Gets/Sets the primary key.","value":{"type":"string"}},{"name":"column-list","value":{"type":"IgcColumnComponent[]"}},{"name":"action-strip-components","value":{"type":"IgcActionStripToken[]"}},{"name":"toolbar","value":{"type":"IgcGridToolbarComponent[]"}},{"name":"pagination-components","value":{"type":"IgcPaginatorComponent[]"}},{"name":"resource-strings","description":"Gets/Sets the resource strings.","value":{"type":"IgcGridResourceStrings"}},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","value":{"type":"FilteringLogic"}},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"advanced-filtering-expressions-tree","description":"Gets/Sets the advanced filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"locale","description":"Gets/Sets the locale.","value":{"type":"string"}},{"name":"paging-mode","value":{"type":"GridPagingMode"}},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","value":{"type":"boolean"}},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","value":{"type":"boolean"}},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","value":{"type":"GridValidationTrigger"}},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","value":{"type":"boolean"}},{"name":"height","description":"Gets/Sets the height.","value":{"type":"string"}},{"name":"width","description":"Gets/Sets the width of the grid.","value":{"type":"string"}},{"name":"row-height","description":"Gets/Sets the row height.","value":{"type":"number"}},{"name":"column-width","description":"Gets/Sets the default width of the columns.","value":{"type":"string"}},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","value":{"type":"string"}},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","value":{"type":"boolean"}},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","value":{"type":"boolean"}},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","value":{"type":"string"}},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","value":{"type":"IgcPinningConfig"}},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","value":{"type":"boolean"}},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","value":{"type":"boolean"}},{"name":"filter-mode","description":"Gets/Sets the filter mode.","value":{"type":"FilterMode"}},{"name":"summary-position","description":"Gets/Sets the summary position.","value":{"type":"GridSummaryPosition"}},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","value":{"type":"GridSummaryCalculationMode"}},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","value":{"type":"boolean"}},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","value":{"type":"IgcFilteringStrategy"}},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","value":{"type":"IgcGridSortingStrategy"}},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","value":{"type":"IgcSortingOptions"}},{"name":"selected-rows","description":"Gets/Sets the current selection state.","value":{"type":"any[]"}},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","value":{"type":"IgcSortingExpression[]"}},{"name":"batch-editing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","value":{"type":"boolean"}},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","value":{"type":"GridSelectionMode"}},{"name":"row-selection","description":"Gets/Sets row selection mode","value":{"type":"GridSelectionMode"}},{"name":"column-selection","description":"Gets/Sets column selection mode","value":{"type":"GridSelectionMode"}},{"name":"expansion-states","description":"Gets/Sets a list of key-value pairs [row ID, expansion state].","value":{"type":"Map<any, boolean>"}},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","value":{"type":"IgcOverlayOutletDirective"}},{"name":"total-records","description":"Returns the total number of records.","value":{"type":"number"}},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","value":{"type":"boolean"}}],"events":[{"name":"dataPreLoad","type":"CustomEvent<IgcForOfState>","description":"Emitted when a new chunk of data is loaded from virtualization."},{"name":"groupingExpressionsChange","type":"CustomEvent<IgcGroupingExpression[]>","description":"Emitted when grouping is performed."},{"name":"groupingExpansionStateChange","type":"CustomEvent<IgcGroupByExpandState[]>","description":"Emitted when groups are expanded/collapsed."},{"name":"groupingDone","type":"CustomEvent<IgcGroupingDoneEventArgs>","description":"Emitted when columns are grouped/ungrouped."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<Map<any, boolean>>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent<boolean>","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}],"js":{"properties":[{"name":"groupsExpanded","description":"Gets/Sets whether created groups are rendered expanded or collapsed.","type":"boolean"},{"name":"dropAreaTemplate","description":"Gets/Sets the template that will be rendered as a GroupBy drop area.","type":"IgcRenderFunction<void>"},{"name":"detailTemplate","description":"Returns a reference to the master-detail template.","type":"IgcRenderFunction<IgcGridMasterDetailContext>"},{"name":"id","description":"Gets/Sets the value of the `id` attribute.","type":"string"},{"name":"groupsRecords","description":"Gets the hierarchical representation of the group by records.","type":"IgcGroupByRecord[]"},{"name":"data","description":"Gets/Sets the array of data that populates the component.","type":"any[]"},{"name":"totalItemCount","description":"Gets/Sets the total number of records in the data source.","type":"number"},{"name":"groupingExpressions","description":"Gets/Sets the group by state.","type":"IgcGroupingExpression[]"},{"name":"groupingExpansionState","description":"Gets/Sets a list of expansion states for group rows.","type":"IgcGroupByExpandState[]"},{"name":"hideGroupedColumns","description":"Gets/Sets whether the grouped columns should be hidden.","type":"boolean"},{"name":"groupStrategy","description":"Gets/Sets the grouping strategy of the grid.","type":"IgcGridGroupingStrategy"},{"name":"dropAreaMessage","description":"Gets/Sets the message displayed inside the GroupBy drop area where columns can be dragged on.","type":"string"},{"name":"groupByRowSelectorTemplate","description":"Gets the group by row selector template.","type":"IgcRenderFunction<IgcGroupByRowSelectorTemplateContext>"},{"name":"groupRowTemplate","description":"Gets/Sets the template reference for the group row.","type":"IgcRenderFunction<IgcGroupByRowTemplateContext>"},{"name":"showGroupArea","description":"Returns whether the `IgxGridComponent` has group area.","type":"boolean"},{"name":"selectedCells","description":"Returns an array of the selected `IgxGridCell`s.","type":"IgcCellType[]"},{"name":"snackbarDisplayTime","description":"Gets/Sets the display time for the row adding snackbar notification.","type":"number"},{"name":"autoGenerate","description":"Gets/Sets whether to auto-generate the columns.","type":"boolean"},{"name":"autoGenerateExclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","type":"string[]"},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","type":"boolean"},{"name":"emptyGridTemplate","description":"Gets/Sets a custom template when empty.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"addRowEmptyTemplate","description":"Gets/Sets a custom template for adding row UI when grid is empty.","type":"IgcRenderFunction<void>"},{"name":"loadingGridTemplate","description":"Gets/Sets a custom template when loading.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"summaryRowHeight","description":"Get/Set IgxSummaryRow height","type":"number"},{"name":"dataCloneStrategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","type":"IgcDataCloneStrategy"},{"name":"clipboardOptions","description":"Controls the copy behavior of the grid.","type":"IgcClipboardOptions"},{"name":"rowClasses","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","type":"any"},{"name":"rowStyles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","type":"any"},{"name":"primaryKey","description":"Gets/Sets the primary key.","type":"string"},{"name":"columnList","type":"IgcColumnComponent[]"},{"name":"actionStripComponents","type":"IgcActionStripToken[]"},{"name":"dragGhostCustomTemplate","description":"Gets the custom template, if any, used for row drag ghost.","type":"IgcRenderFunction<IgcGridRowDragGhostContext>"},{"name":"rowEditTextTemplate","description":"Gets the row edit text template.","type":"IgcRenderFunction<IgcGridRowEditTextTemplateContext>"},{"name":"rowAddTextTemplate","description":"Gets the row add text template.","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"rowEditActionsTemplate","description":"Gets the row edit actions template.","type":"IgcRenderFunction<IgcGridRowEditActionsTemplateContext>"},{"name":"rowExpandedIndicatorTemplate","description":"Gets the row expand indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"rowCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"headerExpandedIndicatorTemplate","description":"Gets the header expand indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"headerCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"excelStyleHeaderIconTemplate","description":"Gets the excel style header icon.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortAscendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortDescendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortHeaderIconTemplate","description":"Gets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"toolbar","type":"IgcGridToolbarComponent[]"},{"name":"paginationComponents","type":"IgcPaginatorComponent[]"},{"name":"resourceStrings","description":"Gets/Sets the resource strings.","type":"IgcGridResourceStrings"},{"name":"filteringLogic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","type":"FilteringLogic"},{"name":"filteringExpressionsTree","description":"Gets/Sets the filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"advancedFilteringExpressionsTree","description":"Gets/Sets the advanced filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"locale","description":"Gets/Sets the locale.","type":"string"},{"name":"pagingMode","type":"GridPagingMode"},{"name":"hideRowSelectors","description":"Gets/Sets if the row selectors are hidden.","type":"boolean"},{"name":"rowDraggable","description":"Gets/Sets whether rows can be moved.","type":"boolean"},{"name":"validationTrigger","description":"Gets/Sets the trigger for validators used when editing the grid.","type":"GridValidationTrigger"},{"name":"rowEditable","description":"Gets/Sets whether the rows are editable.","type":"boolean"},{"name":"height","description":"Gets/Sets the height.","type":"string"},{"name":"width","description":"Gets/Sets the width of the grid.","type":"string"},{"name":"rowHeight","description":"Gets/Sets the row height.","type":"number"},{"name":"columnWidth","description":"Gets/Sets the default width of the columns.","type":"string"},{"name":"emptyGridMessage","description":"Get/Sets the message displayed when there are no records.","type":"string"},{"name":"isLoading","description":"Gets/Sets whether the grid is going to show a loading indicator.","type":"boolean"},{"name":"shouldGenerate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","type":"boolean"},{"name":"emptyFilteredGridMessage","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","type":"string"},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","type":"IgcPinningConfig"},{"name":"allowFiltering","description":"Gets/Sets if the filtering is enabled.","type":"boolean"},{"name":"allowAdvancedFiltering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","type":"boolean"},{"name":"filterMode","description":"Gets/Sets the filter mode.","type":"FilterMode"},{"name":"summaryPosition","description":"Gets/Sets the summary position.","type":"GridSummaryPosition"},{"name":"summaryCalculationMode","description":"Gets/Sets the summary calculation mode.","type":"GridSummaryCalculationMode"},{"name":"showSummaryOnCollapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","type":"boolean"},{"name":"filterStrategy","description":"Gets/Sets the filtering strategy of the grid.","type":"IgcFilteringStrategy"},{"name":"sortStrategy","description":"Gets/Sets the sorting strategy of the grid.","type":"IgcGridSortingStrategy"},{"name":"sortingOptions","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","type":"IgcSortingOptions"},{"name":"selectedRows","description":"Gets/Sets the current selection state.","type":"any[]"},{"name":"rowList","description":"A list of `IgxGridRowComponent`.","type":"IgcRowDirective[]"},{"name":"dataRowList","description":"A list of currently rendered `IgxGridRowComponent`'s.","type":"IgcRowDirective[]"},{"name":"headSelectorTemplate","description":"Gets the header row selector template.","type":"IgcRenderFunction<IgcHeadSelectorTemplateContext>"},{"name":"rowSelectorTemplate","description":"Gets the row selector template.","type":"IgcRenderFunction<IgcRowSelectorTemplateContext>"},{"name":"dragIndicatorIconTemplate","description":"The custom template, if any, that should be used when rendering the row drag indicator icon","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"sortingExpressions","description":"Gets/Sets the sorting state.","type":"IgcSortingExpression[]"},{"name":"hiddenColumnsCount","description":"Gets the number of hidden columns.","type":"number"},{"name":"pinnedColumnsCount","description":"Gets the number of pinned columns.","type":"number"},{"name":"batchEditing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","type":"boolean"},{"name":"cellSelection","description":"Gets/Sets cell selection mode.","type":"GridSelectionMode"},{"name":"rowSelection","description":"Gets/Sets row selection mode","type":"GridSelectionMode"},{"name":"columnSelection","description":"Gets/Sets column selection mode","type":"GridSelectionMode"},{"name":"lastSearchInfo","description":"Represents the last search information.","type":"IgcSearchInfo"},{"name":"filteredData","description":"Returns an array of objects containing the filtered data.","type":"any"},{"name":"filteredSortedData","description":"Returns an array containing the filtered sorted data.","type":"any[]"},{"name":"virtualizationState","description":"Returns the state of the grid virtualization.","type":"IgcForOfState"},{"name":"expansionStates","description":"Gets/Sets a list of key-value pairs [row ID, expansion state].","type":"Map<any, boolean>"},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","type":"IgcOverlayOutletDirective"},{"name":"defaultRowHeight","description":"Gets the default row height.","type":"number"},{"name":"defaultHeaderGroupMinWidth","description":"Returns the `IgxGridHeaderGroupComponent`'s minimum allowed width.","type":"number"},{"name":"columns","description":"Gets an array of `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedColumns","description":"Gets an array of the pinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedRows","description":"Gets an array of the pinned `IgxRowComponent`s.","type":"IgcGridRowComponent[]"},{"name":"unpinnedColumns","description":"Gets an array of unpinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"visibleColumns","description":"Returns an array of visible `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"totalRecords","description":"Returns the total number of records.","type":"number"},{"name":"dataView","description":"Returns the currently transformed paged/filtered/sorted/grouped/pinned/unpinned row data, displayed in the grid.","type":"any[]"},{"name":"selectRowOnClick","description":"Gets/Sets whether clicking over a row should select/deselect it","type":"boolean"}],"events":[{"name":"dataPreLoad","type":"CustomEvent<IgcForOfState>","description":"Emitted when a new chunk of data is loaded from virtualization."},{"name":"groupingExpressionsChange","type":"CustomEvent<IgcGroupingExpression[]>","description":"Emitted when grouping is performed."},{"name":"groupingExpansionStateChange","type":"CustomEvent<IgcGroupByExpandState[]>","description":"Emitted when groups are expanded/collapsed."},{"name":"groupingDone","type":"CustomEvent<IgcGroupingDoneEventArgs>","description":"Emitted when columns are grouped/ungrouped."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<Map<any, boolean>>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent<boolean>","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}]}},{"name":"igc-hierarchical-grid","description":"Hierarchical grid\n---\n\n\n### **Events:**\n - **dataPreLoad** - Emitted when a new chunk of data is loaded from virtualization.\n- **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **expansionStatesChange** - Emitted when the rows are expanded or collapsed.\n- **selectedRowsChange** - Emitted when the rows are selected or deselected.\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emitted when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","doc-url":"","attributes":[{"name":"child-layout-list","value":{"type":"IgcRowIslandComponent[]"}},{"name":"advanced-filtering-expressions-tree","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"id","description":"Gets/Sets the value of the `id` attribute.","value":{"type":"string"}},{"name":"data","description":"Gets/Sets the array of data that populates the component.","value":{"type":"any[]"}},{"name":"total-item-count","description":"Gets/Sets the total number of records in the data source.","value":{"type":"number"}},{"name":"expand-children","description":"Sets if all immediate children of the `IgxHierarchicalGridComponent` should be expanded/collapsed.  Default value is false.","value":{"type":"boolean"}},{"name":"has-children-key","description":"Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.","value":{"type":"string"}},{"name":"show-expand-all","description":"Gets/Sets whether the expand/collapse all button in the header should be rendered.","value":{"type":"boolean"}},{"name":"root-grid","value":{"type":"IgcGridBaseDirective"}},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","value":{"type":"number"}},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","value":{"type":"boolean"}},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","value":{"type":"string[]"}},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","value":{"type":"boolean"}},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","value":{"type":"number"}},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","value":{"type":"IgcDataCloneStrategy"}},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","value":{"type":"IgcClipboardOptions"}},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","value":{"type":"any"}},{"name":"row-styles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","value":{"type":"any"}},{"name":"primary-key","description":"Gets/Sets the primary key.","value":{"type":"string"}},{"name":"column-list","value":{"type":"IgcColumnComponent[]"}},{"name":"action-strip-components","value":{"type":"IgcActionStripToken[]"}},{"name":"toolbar","value":{"type":"IgcGridToolbarComponent[]"}},{"name":"pagination-components","value":{"type":"IgcPaginatorComponent[]"}},{"name":"resource-strings","description":"Gets/Sets the resource strings.","value":{"type":"IgcGridResourceStrings"}},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","value":{"type":"FilteringLogic"}},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"locale","description":"Gets/Sets the locale.","value":{"type":"string"}},{"name":"paging-mode","value":{"type":"GridPagingMode"}},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","value":{"type":"boolean"}},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","value":{"type":"boolean"}},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","value":{"type":"GridValidationTrigger"}},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","value":{"type":"boolean"}},{"name":"height","description":"Gets/Sets the height.","value":{"type":"string"}},{"name":"width","description":"Gets/Sets the width of the grid.","value":{"type":"string"}},{"name":"row-height","description":"Gets/Sets the row height.","value":{"type":"number"}},{"name":"column-width","description":"Gets/Sets the default width of the columns.","value":{"type":"string"}},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","value":{"type":"string"}},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","value":{"type":"boolean"}},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","value":{"type":"boolean"}},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","value":{"type":"string"}},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","value":{"type":"IgcPinningConfig"}},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","value":{"type":"boolean"}},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","value":{"type":"boolean"}},{"name":"filter-mode","description":"Gets/Sets the filter mode.","value":{"type":"FilterMode"}},{"name":"summary-position","description":"Gets/Sets the summary position.","value":{"type":"GridSummaryPosition"}},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","value":{"type":"GridSummaryCalculationMode"}},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","value":{"type":"boolean"}},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","value":{"type":"IgcFilteringStrategy"}},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","value":{"type":"IgcGridSortingStrategy"}},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","value":{"type":"IgcSortingOptions"}},{"name":"selected-rows","description":"Gets/Sets the current selection state.","value":{"type":"any[]"}},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","value":{"type":"IgcSortingExpression[]"}},{"name":"batch-editing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","value":{"type":"boolean"}},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","value":{"type":"GridSelectionMode"}},{"name":"row-selection","description":"Gets/Sets row selection mode","value":{"type":"GridSelectionMode"}},{"name":"column-selection","description":"Gets/Sets column selection mode","value":{"type":"GridSelectionMode"}},{"name":"expansion-states","description":"Gets/Sets a list of key-value pairs [row ID, expansion state].","value":{"type":"Map<any, boolean>"}},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","value":{"type":"IgcOverlayOutletDirective"}},{"name":"total-records","description":"Returns the total number of records.","value":{"type":"number"}},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","value":{"type":"boolean"}}],"events":[{"name":"dataPreLoad","type":"CustomEvent<IgcForOfState>","description":"Emitted when a new chunk of data is loaded from virtualization."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<Map<any, boolean>>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent<boolean>","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}],"js":{"properties":[{"name":"childLayoutList","type":"IgcRowIslandComponent[]"},{"name":"advancedFilteringExpressionsTree","type":"IgcFilteringExpressionsTree"},{"name":"id","description":"Gets/Sets the value of the `id` attribute.","type":"string"},{"name":"data","description":"Gets/Sets the array of data that populates the component.","type":"any[]"},{"name":"totalItemCount","description":"Gets/Sets the total number of records in the data source.","type":"number"},{"name":"expandChildren","description":"Sets if all immediate children of the `IgxHierarchicalGridComponent` should be expanded/collapsed.  Default value is false.","type":"boolean"},{"name":"foreignKey","description":"Gets the unique identifier of the parent row. It may be a `string` or `number` if `primaryKey` of the  parent grid is set or an object reference of the parent record otherwise.","type":"any"},{"name":"selectedCells","description":"Returns an array of the selected `IgxGridCell`s.","type":"IgcCellType[]"},{"name":"hasChildrenKey","description":"Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.","type":"string"},{"name":"showExpandAll","description":"Gets/Sets whether the expand/collapse all button in the header should be rendered.","type":"boolean"},{"name":"rootGrid","type":"IgcGridBaseDirective"},{"name":"snackbarDisplayTime","description":"Gets/Sets the display time for the row adding snackbar notification.","type":"number"},{"name":"autoGenerate","description":"Gets/Sets whether to auto-generate the columns.","type":"boolean"},{"name":"autoGenerateExclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","type":"string[]"},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","type":"boolean"},{"name":"emptyGridTemplate","description":"Gets/Sets a custom template when empty.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"addRowEmptyTemplate","description":"Gets/Sets a custom template for adding row UI when grid is empty.","type":"IgcRenderFunction<void>"},{"name":"loadingGridTemplate","description":"Gets/Sets a custom template when loading.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"summaryRowHeight","description":"Get/Set IgxSummaryRow height","type":"number"},{"name":"dataCloneStrategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","type":"IgcDataCloneStrategy"},{"name":"clipboardOptions","description":"Controls the copy behavior of the grid.","type":"IgcClipboardOptions"},{"name":"rowClasses","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","type":"any"},{"name":"rowStyles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","type":"any"},{"name":"primaryKey","description":"Gets/Sets the primary key.","type":"string"},{"name":"columnList","type":"IgcColumnComponent[]"},{"name":"actionStripComponents","type":"IgcActionStripToken[]"},{"name":"dragGhostCustomTemplate","description":"Gets the custom template, if any, used for row drag ghost.","type":"IgcRenderFunction<IgcGridRowDragGhostContext>"},{"name":"rowEditTextTemplate","description":"Gets the row edit text template.","type":"IgcRenderFunction<IgcGridRowEditTextTemplateContext>"},{"name":"rowAddTextTemplate","description":"Gets the row add text template.","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"rowEditActionsTemplate","description":"Gets the row edit actions template.","type":"IgcRenderFunction<IgcGridRowEditActionsTemplateContext>"},{"name":"rowExpandedIndicatorTemplate","description":"Gets the row expand indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"rowCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"headerExpandedIndicatorTemplate","description":"Gets the header expand indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"headerCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"excelStyleHeaderIconTemplate","description":"Gets the excel style header icon.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortAscendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortDescendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortHeaderIconTemplate","description":"Gets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"toolbar","type":"IgcGridToolbarComponent[]"},{"name":"paginationComponents","type":"IgcPaginatorComponent[]"},{"name":"resourceStrings","description":"Gets/Sets the resource strings.","type":"IgcGridResourceStrings"},{"name":"filteringLogic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","type":"FilteringLogic"},{"name":"filteringExpressionsTree","description":"Gets/Sets the filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"advancedFilteringExpressionsTree","description":"Gets/Sets the advanced filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"locale","description":"Gets/Sets the locale.","type":"string"},{"name":"pagingMode","type":"GridPagingMode"},{"name":"hideRowSelectors","description":"Gets/Sets if the row selectors are hidden.","type":"boolean"},{"name":"rowDraggable","description":"Gets/Sets whether rows can be moved.","type":"boolean"},{"name":"validationTrigger","description":"Gets/Sets the trigger for validators used when editing the grid.","type":"GridValidationTrigger"},{"name":"rowEditable","description":"Gets/Sets whether the rows are editable.","type":"boolean"},{"name":"height","description":"Gets/Sets the height.","type":"string"},{"name":"width","description":"Gets/Sets the width of the grid.","type":"string"},{"name":"rowHeight","description":"Gets/Sets the row height.","type":"number"},{"name":"columnWidth","description":"Gets/Sets the default width of the columns.","type":"string"},{"name":"emptyGridMessage","description":"Get/Sets the message displayed when there are no records.","type":"string"},{"name":"isLoading","description":"Gets/Sets whether the grid is going to show a loading indicator.","type":"boolean"},{"name":"shouldGenerate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","type":"boolean"},{"name":"emptyFilteredGridMessage","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","type":"string"},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","type":"IgcPinningConfig"},{"name":"allowFiltering","description":"Gets/Sets if the filtering is enabled.","type":"boolean"},{"name":"allowAdvancedFiltering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","type":"boolean"},{"name":"filterMode","description":"Gets/Sets the filter mode.","type":"FilterMode"},{"name":"summaryPosition","description":"Gets/Sets the summary position.","type":"GridSummaryPosition"},{"name":"summaryCalculationMode","description":"Gets/Sets the summary calculation mode.","type":"GridSummaryCalculationMode"},{"name":"showSummaryOnCollapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","type":"boolean"},{"name":"filterStrategy","description":"Gets/Sets the filtering strategy of the grid.","type":"IgcFilteringStrategy"},{"name":"sortStrategy","description":"Gets/Sets the sorting strategy of the grid.","type":"IgcGridSortingStrategy"},{"name":"sortingOptions","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","type":"IgcSortingOptions"},{"name":"selectedRows","description":"Gets/Sets the current selection state.","type":"any[]"},{"name":"rowList","description":"A list of `IgxGridRowComponent`.","type":"IgcRowDirective[]"},{"name":"dataRowList","description":"A list of currently rendered `IgxGridRowComponent`'s.","type":"IgcRowDirective[]"},{"name":"headSelectorTemplate","description":"Gets the header row selector template.","type":"IgcRenderFunction<IgcHeadSelectorTemplateContext>"},{"name":"rowSelectorTemplate","description":"Gets the row selector template.","type":"IgcRenderFunction<IgcRowSelectorTemplateContext>"},{"name":"dragIndicatorIconTemplate","description":"The custom template, if any, that should be used when rendering the row drag indicator icon","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"sortingExpressions","description":"Gets/Sets the sorting state.","type":"IgcSortingExpression[]"},{"name":"hiddenColumnsCount","description":"Gets the number of hidden columns.","type":"number"},{"name":"pinnedColumnsCount","description":"Gets the number of pinned columns.","type":"number"},{"name":"batchEditing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","type":"boolean"},{"name":"cellSelection","description":"Gets/Sets cell selection mode.","type":"GridSelectionMode"},{"name":"rowSelection","description":"Gets/Sets row selection mode","type":"GridSelectionMode"},{"name":"columnSelection","description":"Gets/Sets column selection mode","type":"GridSelectionMode"},{"name":"lastSearchInfo","description":"Represents the last search information.","type":"IgcSearchInfo"},{"name":"filteredData","description":"Returns an array of objects containing the filtered data.","type":"any"},{"name":"filteredSortedData","description":"Returns an array containing the filtered sorted data.","type":"any[]"},{"name":"virtualizationState","description":"Returns the state of the grid virtualization.","type":"IgcForOfState"},{"name":"expansionStates","description":"Gets/Sets a list of key-value pairs [row ID, expansion state].","type":"Map<any, boolean>"},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","type":"IgcOverlayOutletDirective"},{"name":"defaultRowHeight","description":"Gets the default row height.","type":"number"},{"name":"defaultHeaderGroupMinWidth","description":"Returns the `IgxGridHeaderGroupComponent`'s minimum allowed width.","type":"number"},{"name":"columns","description":"Gets an array of `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedColumns","description":"Gets an array of the pinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedRows","description":"Gets an array of the pinned `IgxRowComponent`s.","type":"IgcGridRowComponent[]"},{"name":"unpinnedColumns","description":"Gets an array of unpinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"visibleColumns","description":"Returns an array of visible `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"totalRecords","description":"Returns the total number of records.","type":"number"},{"name":"dataView","description":"Returns the currently transformed paged/filtered/sorted/grouped/pinned/unpinned row data, displayed in the grid.","type":"any[]"},{"name":"selectRowOnClick","description":"Gets/Sets whether clicking over a row should select/deselect it","type":"boolean"}],"events":[{"name":"dataPreLoad","type":"CustomEvent<IgcForOfState>","description":"Emitted when a new chunk of data is loaded from virtualization."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<Map<any, boolean>>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent<boolean>","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}]}},{"name":"igc-row-island","description":"Row island\n---\n\n\n### **Events:**\n - **gridCreated** - Event emitted when a grid is being created based on this row island.\n- **gridInitialized** - Emitted after a grid is being initialized for this row island.  The emitting is done in `ngAfterViewInit`.\n- **dataPreLoad** - Emitted when a new chunk of data is loaded from virtualization.\n- **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **expansionStatesChange** - Emitted when the rows are expanded or collapsed.\n- **selectedRowsChange** - Emitted when the rows are selected or deselected.\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emitted when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","doc-url":"","attributes":[{"name":"child-data-key","description":"Sets the key of the row island by which child data would be taken from the row data if such is provided.","value":{"type":"string"}},{"name":"child-layout-list","value":{"type":"IgcRowIslandComponent[]"}},{"name":"action-strip-components","value":{"type":"IgcActionStripToken[]"}},{"name":"expand-children","description":"Sets if all immediate children of the grids for this `IgxRowIslandComponent` should be expanded/collapsed.","value":{"type":"boolean"}},{"name":"has-children-key","description":"Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.","value":{"type":"string"}},{"name":"show-expand-all","description":"Gets/Sets whether the expand/collapse all button in the header should be rendered.","value":{"type":"boolean"}},{"name":"batch-editing","value":{"type":"boolean"}},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","value":{"type":"number"}},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","value":{"type":"boolean"}},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","value":{"type":"string[]"}},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","value":{"type":"boolean"}},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","value":{"type":"number"}},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","value":{"type":"IgcDataCloneStrategy"}},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","value":{"type":"IgcClipboardOptions"}},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","value":{"type":"any"}},{"name":"row-styles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","value":{"type":"any"}},{"name":"primary-key","description":"Gets/Sets the primary key.","value":{"type":"string"}},{"name":"column-list","value":{"type":"IgcColumnComponent[]"}},{"name":"toolbar","value":{"type":"IgcGridToolbarComponent[]"}},{"name":"pagination-components","value":{"type":"IgcPaginatorComponent[]"}},{"name":"resource-strings","description":"Gets/Sets the resource strings.","value":{"type":"IgcGridResourceStrings"}},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","value":{"type":"FilteringLogic"}},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"advanced-filtering-expressions-tree","description":"Gets/Sets the advanced filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"locale","description":"Gets/Sets the locale.","value":{"type":"string"}},{"name":"paging-mode","value":{"type":"GridPagingMode"}},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","value":{"type":"boolean"}},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","value":{"type":"boolean"}},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","value":{"type":"GridValidationTrigger"}},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","value":{"type":"boolean"}},{"name":"height","description":"Gets/Sets the height.","value":{"type":"string"}},{"name":"width","description":"Gets/Sets the width of the grid.","value":{"type":"string"}},{"name":"row-height","description":"Gets/Sets the row height.","value":{"type":"number"}},{"name":"column-width","description":"Gets/Sets the default width of the columns.","value":{"type":"string"}},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","value":{"type":"string"}},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","value":{"type":"boolean"}},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","value":{"type":"boolean"}},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","value":{"type":"string"}},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","value":{"type":"IgcPinningConfig"}},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","value":{"type":"boolean"}},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","value":{"type":"boolean"}},{"name":"filter-mode","description":"Gets/Sets the filter mode.","value":{"type":"FilterMode"}},{"name":"summary-position","description":"Gets/Sets the summary position.","value":{"type":"GridSummaryPosition"}},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","value":{"type":"GridSummaryCalculationMode"}},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","value":{"type":"boolean"}},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","value":{"type":"IgcFilteringStrategy"}},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","value":{"type":"IgcGridSortingStrategy"}},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","value":{"type":"IgcSortingOptions"}},{"name":"selected-rows","description":"Gets/Sets the current selection state.","value":{"type":"any[]"}},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","value":{"type":"IgcSortingExpression[]"}},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","value":{"type":"GridSelectionMode"}},{"name":"row-selection","description":"Gets/Sets row selection mode","value":{"type":"GridSelectionMode"}},{"name":"column-selection","description":"Gets/Sets column selection mode","value":{"type":"GridSelectionMode"}},{"name":"expansion-states","description":"Gets/Sets a list of key-value pairs [row ID, expansion state].","value":{"type":"Map<any, boolean>"}},{"name":"total-records","description":"Returns the total number of records.","value":{"type":"number"}},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","value":{"type":"boolean"}}],"events":[{"name":"gridCreated","type":"CustomEvent<IgcGridCreatedEventArgs>","description":"Event emitted when a grid is being created based on this row island."},{"name":"gridInitialized","type":"CustomEvent<IgcGridCreatedEventArgs>","description":"Emitted after a grid is being initialized for this row island.  The emitting is done in `ngAfterViewInit`."},{"name":"dataPreLoad","type":"CustomEvent<IgcForOfState>","description":"Emitted when a new chunk of data is loaded from virtualization."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<Map<any, boolean>>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent<boolean>","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}],"js":{"properties":[{"name":"childDataKey","description":"Sets the key of the row island by which child data would be taken from the row data if such is provided.","type":"string"},{"name":"childLayoutList","type":"IgcRowIslandComponent[]"},{"name":"toolbarTemplate","description":"Sets/Gets the toolbar template for each child grid created from this row island.","type":"IgcRenderFunction<IgcGridToolbarTemplateContext>"},{"name":"paginatorTemplate","description":"Sets/Gets the paginator template for each child grid created from this row island.","type":"IgcRenderFunction<IgcGridPaginatorTemplateContext>"},{"name":"actionStripComponents","type":"IgcActionStripToken[]"},{"name":"expandChildren","description":"Sets if all immediate children of the grids for this `IgxRowIslandComponent` should be expanded/collapsed.","type":"boolean"},{"name":"hasChildrenKey","description":"Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.","type":"string"},{"name":"showExpandAll","description":"Gets/Sets whether the expand/collapse all button in the header should be rendered.","type":"boolean"},{"name":"batchEditing","type":"boolean"},{"name":"snackbarDisplayTime","description":"Gets/Sets the display time for the row adding snackbar notification.","type":"number"},{"name":"autoGenerate","description":"Gets/Sets whether to auto-generate the columns.","type":"boolean"},{"name":"autoGenerateExclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","type":"string[]"},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","type":"boolean"},{"name":"emptyGridTemplate","description":"Gets/Sets a custom template when empty.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"addRowEmptyTemplate","description":"Gets/Sets a custom template for adding row UI when grid is empty.","type":"IgcRenderFunction<void>"},{"name":"loadingGridTemplate","description":"Gets/Sets a custom template when loading.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"summaryRowHeight","description":"Get/Set IgxSummaryRow height","type":"number"},{"name":"dataCloneStrategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","type":"IgcDataCloneStrategy"},{"name":"clipboardOptions","description":"Controls the copy behavior of the grid.","type":"IgcClipboardOptions"},{"name":"rowClasses","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","type":"any"},{"name":"rowStyles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","type":"any"},{"name":"primaryKey","description":"Gets/Sets the primary key.","type":"string"},{"name":"columnList","type":"IgcColumnComponent[]"},{"name":"dragGhostCustomTemplate","description":"Gets the custom template, if any, used for row drag ghost.","type":"IgcRenderFunction<IgcGridRowDragGhostContext>"},{"name":"rowEditTextTemplate","description":"Gets the row edit text template.","type":"IgcRenderFunction<IgcGridRowEditTextTemplateContext>"},{"name":"rowAddTextTemplate","description":"Gets the row add text template.","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"rowEditActionsTemplate","description":"Gets the row edit actions template.","type":"IgcRenderFunction<IgcGridRowEditActionsTemplateContext>"},{"name":"rowExpandedIndicatorTemplate","description":"Gets the row expand indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"rowCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"headerExpandedIndicatorTemplate","description":"Gets the header expand indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"headerCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"excelStyleHeaderIconTemplate","description":"Gets the excel style header icon.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortAscendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortDescendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortHeaderIconTemplate","description":"Gets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"toolbar","type":"IgcGridToolbarComponent[]"},{"name":"paginationComponents","type":"IgcPaginatorComponent[]"},{"name":"resourceStrings","description":"Gets/Sets the resource strings.","type":"IgcGridResourceStrings"},{"name":"filteringLogic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","type":"FilteringLogic"},{"name":"filteringExpressionsTree","description":"Gets/Sets the filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"advancedFilteringExpressionsTree","description":"Gets/Sets the advanced filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"locale","description":"Gets/Sets the locale.","type":"string"},{"name":"pagingMode","type":"GridPagingMode"},{"name":"hideRowSelectors","description":"Gets/Sets if the row selectors are hidden.","type":"boolean"},{"name":"rowDraggable","description":"Gets/Sets whether rows can be moved.","type":"boolean"},{"name":"validationTrigger","description":"Gets/Sets the trigger for validators used when editing the grid.","type":"GridValidationTrigger"},{"name":"rowEditable","description":"Gets/Sets whether the rows are editable.","type":"boolean"},{"name":"height","description":"Gets/Sets the height.","type":"string"},{"name":"width","description":"Gets/Sets the width of the grid.","type":"string"},{"name":"rowHeight","description":"Gets/Sets the row height.","type":"number"},{"name":"columnWidth","description":"Gets/Sets the default width of the columns.","type":"string"},{"name":"emptyGridMessage","description":"Get/Sets the message displayed when there are no records.","type":"string"},{"name":"isLoading","description":"Gets/Sets whether the grid is going to show a loading indicator.","type":"boolean"},{"name":"shouldGenerate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","type":"boolean"},{"name":"emptyFilteredGridMessage","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","type":"string"},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","type":"IgcPinningConfig"},{"name":"allowFiltering","description":"Gets/Sets if the filtering is enabled.","type":"boolean"},{"name":"allowAdvancedFiltering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","type":"boolean"},{"name":"filterMode","description":"Gets/Sets the filter mode.","type":"FilterMode"},{"name":"summaryPosition","description":"Gets/Sets the summary position.","type":"GridSummaryPosition"},{"name":"summaryCalculationMode","description":"Gets/Sets the summary calculation mode.","type":"GridSummaryCalculationMode"},{"name":"showSummaryOnCollapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","type":"boolean"},{"name":"filterStrategy","description":"Gets/Sets the filtering strategy of the grid.","type":"IgcFilteringStrategy"},{"name":"sortStrategy","description":"Gets/Sets the sorting strategy of the grid.","type":"IgcGridSortingStrategy"},{"name":"sortingOptions","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","type":"IgcSortingOptions"},{"name":"selectedRows","description":"Gets/Sets the current selection state.","type":"any[]"},{"name":"rowList","description":"A list of `IgxGridRowComponent`.","type":"IgcRowDirective[]"},{"name":"dataRowList","description":"A list of currently rendered `IgxGridRowComponent`'s.","type":"IgcRowDirective[]"},{"name":"headSelectorTemplate","description":"Gets the header row selector template.","type":"IgcRenderFunction<IgcHeadSelectorTemplateContext>"},{"name":"rowSelectorTemplate","description":"Gets the row selector template.","type":"IgcRenderFunction<IgcRowSelectorTemplateContext>"},{"name":"dragIndicatorIconTemplate","description":"The custom template, if any, that should be used when rendering the row drag indicator icon","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"sortingExpressions","description":"Gets/Sets the sorting state.","type":"IgcSortingExpression[]"},{"name":"cellSelection","description":"Gets/Sets cell selection mode.","type":"GridSelectionMode"},{"name":"rowSelection","description":"Gets/Sets row selection mode","type":"GridSelectionMode"},{"name":"columnSelection","description":"Gets/Sets column selection mode","type":"GridSelectionMode"},{"name":"expansionStates","description":"Gets/Sets a list of key-value pairs [row ID, expansion state].","type":"Map<any, boolean>"},{"name":"defaultRowHeight","description":"Gets the default row height.","type":"number"},{"name":"defaultHeaderGroupMinWidth","description":"Returns the `IgxGridHeaderGroupComponent`'s minimum allowed width.","type":"number"},{"name":"columns","description":"Gets an array of `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedRows","description":"Gets an array of the pinned `IgxRowComponent`s.","type":"IgcGridRowComponent[]"},{"name":"totalRecords","description":"Returns the total number of records.","type":"number"},{"name":"selectRowOnClick","description":"Gets/Sets whether clicking over a row should select/deselect it","type":"boolean"}],"events":[{"name":"gridCreated","type":"CustomEvent<IgcGridCreatedEventArgs>","description":"Event emitted when a grid is being created based on this row island."},{"name":"gridInitialized","type":"CustomEvent<IgcGridCreatedEventArgs>","description":"Emitted after a grid is being initialized for this row island.  The emitting is done in `ngAfterViewInit`."},{"name":"dataPreLoad","type":"CustomEvent<IgcForOfState>","description":"Emitted when a new chunk of data is loaded from virtualization."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<Map<any, boolean>>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent<boolean>","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}]}},{"name":"igc-pivot-data-selector","description":"Pivot Data Selector provides means to configure the pivot state of the Pivot Grid via a vertical panel UI\n---\n\n\n### **Events:**\n - **columnsExpandedChange** - Emitted when the columns panel is expanded or collapsed.\n- **rowsExpandedChange** - Emitted when the rows panel is expanded or collapsed.\n- **filtersExpandedChange** - Emitted when the filters panel is expanded or collapsed.\n- **valuesExpandedChange** - Emitted when the values panel is expanded or collapsed.","doc-url":"","attributes":[{"name":"columns-expanded","description":"Gets/sets whether the columns panel is expanded  Get","value":{"type":"boolean"}},{"name":"rows-expanded","description":"Gets/sets whether the rows panel is expanded  Get","value":{"type":"boolean"}},{"name":"filters-expanded","description":"Gets/sets whether the filters panel is expanded  Get","value":{"type":"boolean"}},{"name":"values-expanded","description":"Gets/sets whether the values panel is expanded  Get","value":{"type":"boolean"}},{"name":"grid","description":"Sets the grid.","value":{"type":"IgcPivotGridComponent"}}],"events":[{"name":"columnsExpandedChange","type":"CustomEvent<boolean>","description":"Emitted when the columns panel is expanded or collapsed."},{"name":"rowsExpandedChange","type":"CustomEvent<boolean>","description":"Emitted when the rows panel is expanded or collapsed."},{"name":"filtersExpandedChange","type":"CustomEvent<boolean>","description":"Emitted when the filters panel is expanded or collapsed."},{"name":"valuesExpandedChange","type":"CustomEvent<boolean>","description":"Emitted when the values panel is expanded or collapsed."}],"js":{"properties":[{"name":"columnsExpanded","description":"Gets/sets whether the columns panel is expanded  Get","type":"boolean"},{"name":"rowsExpanded","description":"Gets/sets whether the rows panel is expanded  Get","type":"boolean"},{"name":"filtersExpanded","description":"Gets/sets whether the filters panel is expanded  Get","type":"boolean"},{"name":"valuesExpanded","description":"Gets/sets whether the values panel is expanded  Get","type":"boolean"},{"name":"grid","description":"Sets the grid.","type":"IgcPivotGridComponent"}],"events":[{"name":"columnsExpandedChange","type":"CustomEvent<boolean>","description":"Emitted when the columns panel is expanded or collapsed."},{"name":"rowsExpandedChange","type":"CustomEvent<boolean>","description":"Emitted when the rows panel is expanded or collapsed."},{"name":"filtersExpandedChange","type":"CustomEvent<boolean>","description":"Emitted when the filters panel is expanded or collapsed."},{"name":"valuesExpandedChange","type":"CustomEvent<boolean>","description":"Emitted when the values panel is expanded or collapsed."}]}},{"name":"igc-pivot-grid","description":"Pivot Grid provides a way to present and manipulate data in a pivot table view.\n---\n\n\n### **Events:**\n - **dimensionsChange** - Emitted when the dimension collection is changed via the grid chip area.\n- **pivotConfigurationChange** - Emitted when any of the pivotConfiguration properties is changed via the grid chip area.\n- **dimensionInit** - Emitted when the dimension is initialized.\n- **valueInit** - Emitted when the value is initialized.\n- **dimensionsSortingExpressionsChange** - Emitted when a dimension is sorted.\n- **valuesChange** - Emitted when the values collection is changed via the grid chip area.\n- **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **expansionStatesChange** - Emitted when the rows are expanded or collapsed.\n- **selectedRowsChange** - Emitted when the rows are selected or deselected.\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emitted when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","doc-url":"","attributes":[{"name":"pivot-configuration","description":"Gets/Sets the pivot configuration with all related dimensions and values.","value":{"type":"IgcPivotConfiguration"}},{"name":"auto-generate-config","description":"Gets/Sets whether to auto-generate the pivot configuration based on the provided data.","value":{"type":"boolean"}},{"name":"pivot-ui","value":{"type":"IgcPivotUISettings"}},{"name":"super-compact-mode","description":"Enables a super compact theme for the component.","value":{"type":"boolean"}},{"name":"default-expand-state","description":"Gets/Sets the default expand state for all rows.","value":{"type":"boolean"}},{"name":"data","description":"Gets/Sets the array of data that populates the component.","value":{"type":"any[]"}},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","value":{"type":"number"}},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","value":{"type":"boolean"}},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","value":{"type":"string[]"}},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","value":{"type":"boolean"}},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","value":{"type":"number"}},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","value":{"type":"IgcDataCloneStrategy"}},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","value":{"type":"IgcClipboardOptions"}},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","value":{"type":"any"}},{"name":"row-styles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","value":{"type":"any"}},{"name":"primary-key","description":"Gets/Sets the primary key.","value":{"type":"string"}},{"name":"column-list","value":{"type":"IgcColumnComponent[]"}},{"name":"action-strip-components","value":{"type":"IgcActionStripToken[]"}},{"name":"toolbar","value":{"type":"IgcGridToolbarComponent[]"}},{"name":"pagination-components","value":{"type":"IgcPaginatorComponent[]"}},{"name":"resource-strings","description":"Gets/Sets the resource strings.","value":{"type":"IgcGridResourceStrings"}},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","value":{"type":"FilteringLogic"}},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"advanced-filtering-expressions-tree","description":"Gets/Sets the advanced filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"locale","description":"Gets/Sets the locale.","value":{"type":"string"}},{"name":"paging-mode","value":{"type":"GridPagingMode"}},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","value":{"type":"boolean"}},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","value":{"type":"boolean"}},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","value":{"type":"GridValidationTrigger"}},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","value":{"type":"boolean"}},{"name":"height","description":"Gets/Sets the height.","value":{"type":"string"}},{"name":"width","description":"Gets/Sets the width of the grid.","value":{"type":"string"}},{"name":"row-height","description":"Gets/Sets the row height.","value":{"type":"number"}},{"name":"column-width","description":"Gets/Sets the default width of the columns.","value":{"type":"string"}},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","value":{"type":"string"}},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","value":{"type":"boolean"}},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","value":{"type":"boolean"}},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","value":{"type":"string"}},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","value":{"type":"IgcPinningConfig"}},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","value":{"type":"boolean"}},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","value":{"type":"boolean"}},{"name":"filter-mode","description":"Gets/Sets the filter mode.","value":{"type":"FilterMode"}},{"name":"summary-position","description":"Gets/Sets the summary position.","value":{"type":"GridSummaryPosition"}},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","value":{"type":"GridSummaryCalculationMode"}},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","value":{"type":"boolean"}},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","value":{"type":"IgcFilteringStrategy"}},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","value":{"type":"IgcGridSortingStrategy"}},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","value":{"type":"IgcSortingOptions"}},{"name":"selected-rows","description":"Gets/Sets the current selection state.","value":{"type":"any[]"}},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","value":{"type":"IgcSortingExpression[]"}},{"name":"batch-editing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","value":{"type":"boolean"}},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","value":{"type":"GridSelectionMode"}},{"name":"row-selection","description":"Gets/Sets row selection mode","value":{"type":"GridSelectionMode"}},{"name":"column-selection","description":"Gets/Sets column selection mode","value":{"type":"GridSelectionMode"}},{"name":"expansion-states","description":"Gets/Sets a list of key-value pairs [row ID, expansion state].","value":{"type":"Map<any, boolean>"}},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","value":{"type":"IgcOverlayOutletDirective"}},{"name":"total-records","description":"Returns the total number of records.","value":{"type":"number"}},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","value":{"type":"boolean"}}],"events":[{"name":"dimensionsChange","type":"CustomEvent<IgcDimensionsChange>","description":"Emitted when the dimension collection is changed via the grid chip area."},{"name":"pivotConfigurationChange","type":"CustomEvent<IgcPivotConfigurationChangedEventArgs>","description":"Emitted when any of the pivotConfiguration properties is changed via the grid chip area."},{"name":"dimensionInit","type":"CustomEvent<IgcPivotDimension>","description":"Emitted when the dimension is initialized."},{"name":"valueInit","type":"CustomEvent<IgcPivotValue>","description":"Emitted when the value is initialized."},{"name":"dimensionsSortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted when a dimension is sorted."},{"name":"valuesChange","type":"CustomEvent<IgcValuesChange>","description":"Emitted when the values collection is changed via the grid chip area."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<Map<any, boolean>>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent<boolean>","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}],"js":{"properties":[{"name":"dimensionsSortingExpressions","description":"Gets the sorting expressions generated for the dimensions.","type":"IgcSortingExpression[]"},{"name":"valueChipTemplate","description":"Gets/Sets a custom template for the value chips.","type":"IgcRenderFunction<IgcPivotGridValueTemplateContext>"},{"name":"rowDimensionHeaderTemplate","type":"IgcRenderFunction<IgcColumnTemplateContext>"},{"name":"pivotConfiguration","description":"Gets/Sets the pivot configuration with all related dimensions and values.","type":"IgcPivotConfiguration"},{"name":"autoGenerateConfig","description":"Gets/Sets whether to auto-generate the pivot configuration based on the provided data.","type":"boolean"},{"name":"pivotUI","type":"IgcPivotUISettings"},{"name":"superCompactMode","description":"Enables a super compact theme for the component.","type":"boolean"},{"name":"defaultExpandState","description":"Gets/Sets the default expand state for all rows.","type":"boolean"},{"name":"selectedRows","type":"any[]"},{"name":"allDimensions","description":"Gets the full list of dimensions.","type":"IgcPivotDimension[]"},{"name":"data","description":"Gets/Sets the array of data that populates the component.","type":"any[]"},{"name":"emptyPivotGridTemplate","description":"Gets/Sets a custom template when pivot grid is empty.","type":"IgcRenderFunction<void>"},{"name":"snackbarDisplayTime","description":"Gets/Sets the display time for the row adding snackbar notification.","type":"number"},{"name":"autoGenerate","description":"Gets/Sets whether to auto-generate the columns.","type":"boolean"},{"name":"autoGenerateExclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","type":"string[]"},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","type":"boolean"},{"name":"emptyGridTemplate","description":"Gets/Sets a custom template when empty.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"addRowEmptyTemplate","description":"Gets/Sets a custom template for adding row UI when grid is empty.","type":"IgcRenderFunction<void>"},{"name":"loadingGridTemplate","description":"Gets/Sets a custom template when loading.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"summaryRowHeight","description":"Get/Set IgxSummaryRow height","type":"number"},{"name":"dataCloneStrategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","type":"IgcDataCloneStrategy"},{"name":"clipboardOptions","description":"Controls the copy behavior of the grid.","type":"IgcClipboardOptions"},{"name":"rowClasses","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","type":"any"},{"name":"rowStyles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","type":"any"},{"name":"primaryKey","description":"Gets/Sets the primary key.","type":"string"},{"name":"columnList","type":"IgcColumnComponent[]"},{"name":"actionStripComponents","type":"IgcActionStripToken[]"},{"name":"dragGhostCustomTemplate","description":"Gets the custom template, if any, used for row drag ghost.","type":"IgcRenderFunction<IgcGridRowDragGhostContext>"},{"name":"rowEditTextTemplate","description":"Gets the row edit text template.","type":"IgcRenderFunction<IgcGridRowEditTextTemplateContext>"},{"name":"rowAddTextTemplate","description":"Gets the row add text template.","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"rowEditActionsTemplate","description":"Gets the row edit actions template.","type":"IgcRenderFunction<IgcGridRowEditActionsTemplateContext>"},{"name":"rowExpandedIndicatorTemplate","description":"Gets the row expand indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"rowCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"headerExpandedIndicatorTemplate","description":"Gets the header expand indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"headerCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"excelStyleHeaderIconTemplate","description":"Gets the excel style header icon.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortAscendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortDescendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortHeaderIconTemplate","description":"Gets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"toolbar","type":"IgcGridToolbarComponent[]"},{"name":"paginationComponents","type":"IgcPaginatorComponent[]"},{"name":"resourceStrings","description":"Gets/Sets the resource strings.","type":"IgcGridResourceStrings"},{"name":"filteringLogic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","type":"FilteringLogic"},{"name":"filteringExpressionsTree","description":"Gets/Sets the filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"advancedFilteringExpressionsTree","description":"Gets/Sets the advanced filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"locale","description":"Gets/Sets the locale.","type":"string"},{"name":"pagingMode","type":"GridPagingMode"},{"name":"hideRowSelectors","description":"Gets/Sets if the row selectors are hidden.","type":"boolean"},{"name":"rowDraggable","description":"Gets/Sets whether rows can be moved.","type":"boolean"},{"name":"validationTrigger","description":"Gets/Sets the trigger for validators used when editing the grid.","type":"GridValidationTrigger"},{"name":"rowEditable","description":"Gets/Sets whether the rows are editable.","type":"boolean"},{"name":"height","description":"Gets/Sets the height.","type":"string"},{"name":"width","description":"Gets/Sets the width of the grid.","type":"string"},{"name":"rowHeight","description":"Gets/Sets the row height.","type":"number"},{"name":"columnWidth","description":"Gets/Sets the default width of the columns.","type":"string"},{"name":"emptyGridMessage","description":"Get/Sets the message displayed when there are no records.","type":"string"},{"name":"isLoading","description":"Gets/Sets whether the grid is going to show a loading indicator.","type":"boolean"},{"name":"shouldGenerate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","type":"boolean"},{"name":"emptyFilteredGridMessage","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","type":"string"},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","type":"IgcPinningConfig"},{"name":"allowFiltering","description":"Gets/Sets if the filtering is enabled.","type":"boolean"},{"name":"allowAdvancedFiltering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","type":"boolean"},{"name":"filterMode","description":"Gets/Sets the filter mode.","type":"FilterMode"},{"name":"summaryPosition","description":"Gets/Sets the summary position.","type":"GridSummaryPosition"},{"name":"summaryCalculationMode","description":"Gets/Sets the summary calculation mode.","type":"GridSummaryCalculationMode"},{"name":"showSummaryOnCollapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","type":"boolean"},{"name":"filterStrategy","description":"Gets/Sets the filtering strategy of the grid.","type":"IgcFilteringStrategy"},{"name":"sortStrategy","description":"Gets/Sets the sorting strategy of the grid.","type":"IgcGridSortingStrategy"},{"name":"sortingOptions","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","type":"IgcSortingOptions"},{"name":"selectedRows","description":"Gets/Sets the current selection state.","type":"any[]"},{"name":"rowList","description":"A list of `IgxGridRowComponent`.","type":"IgcRowDirective[]"},{"name":"dataRowList","description":"A list of currently rendered `IgxGridRowComponent`'s.","type":"IgcRowDirective[]"},{"name":"headSelectorTemplate","description":"Gets the header row selector template.","type":"IgcRenderFunction<IgcHeadSelectorTemplateContext>"},{"name":"rowSelectorTemplate","description":"Gets the row selector template.","type":"IgcRenderFunction<IgcRowSelectorTemplateContext>"},{"name":"dragIndicatorIconTemplate","description":"The custom template, if any, that should be used when rendering the row drag indicator icon","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"sortingExpressions","description":"Gets/Sets the sorting state.","type":"IgcSortingExpression[]"},{"name":"hiddenColumnsCount","description":"Gets the number of hidden columns.","type":"number"},{"name":"pinnedColumnsCount","description":"Gets the number of pinned columns.","type":"number"},{"name":"batchEditing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","type":"boolean"},{"name":"cellSelection","description":"Gets/Sets cell selection mode.","type":"GridSelectionMode"},{"name":"rowSelection","description":"Gets/Sets row selection mode","type":"GridSelectionMode"},{"name":"columnSelection","description":"Gets/Sets column selection mode","type":"GridSelectionMode"},{"name":"lastSearchInfo","description":"Represents the last search information.","type":"IgcSearchInfo"},{"name":"filteredData","description":"Returns an array of objects containing the filtered data.","type":"any"},{"name":"filteredSortedData","description":"Returns an array containing the filtered sorted data.","type":"any[]"},{"name":"virtualizationState","description":"Returns the state of the grid virtualization.","type":"IgcForOfState"},{"name":"expansionStates","description":"Gets/Sets a list of key-value pairs [row ID, expansion state].","type":"Map<any, boolean>"},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","type":"IgcOverlayOutletDirective"},{"name":"defaultRowHeight","description":"Gets the default row height.","type":"number"},{"name":"defaultHeaderGroupMinWidth","description":"Returns the `IgxGridHeaderGroupComponent`'s minimum allowed width.","type":"number"},{"name":"columns","description":"Gets an array of `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedColumns","description":"Gets an array of the pinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedRows","description":"Gets an array of the pinned `IgxRowComponent`s.","type":"IgcGridRowComponent[]"},{"name":"unpinnedColumns","description":"Gets an array of unpinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"visibleColumns","description":"Returns an array of visible `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"totalRecords","description":"Returns the total number of records.","type":"number"},{"name":"dataView","description":"Returns the currently transformed paged/filtered/sorted/grouped/pinned/unpinned row data, displayed in the grid.","type":"any[]"},{"name":"selectRowOnClick","description":"Gets/Sets whether clicking over a row should select/deselect it","type":"boolean"}],"events":[{"name":"dimensionsChange","type":"CustomEvent<IgcDimensionsChange>","description":"Emitted when the dimension collection is changed via the grid chip area."},{"name":"pivotConfigurationChange","type":"CustomEvent<IgcPivotConfigurationChangedEventArgs>","description":"Emitted when any of the pivotConfiguration properties is changed via the grid chip area."},{"name":"dimensionInit","type":"CustomEvent<IgcPivotDimension>","description":"Emitted when the dimension is initialized."},{"name":"valueInit","type":"CustomEvent<IgcPivotValue>","description":"Emitted when the value is initialized."},{"name":"dimensionsSortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted when a dimension is sorted."},{"name":"valuesChange","type":"CustomEvent<IgcValuesChange>","description":"Emitted when the values collection is changed via the grid chip area."},{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<Map<any, boolean>>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent<boolean>","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}]}},{"name":"igc-grid-toolbar-title","description":"Provides a way to template the title portion of the toolbar in the grid.\n---\n","doc-url":"","attributes":[],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-grid-toolbar-actions","description":"Provides a way to template the action portion of the toolbar in the grid.\n---\n","doc-url":"","attributes":[],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-grid-toolbar-advanced-filtering","description":"Provides a pre-configured button to open the advanced filtering dialog of the grid.\n---\n","doc-url":"","attributes":[{"name":"overlay-settings","value":{"type":"IgcOverlaySettings"}}],"events":[],"js":{"properties":[{"name":"overlaySettings","type":"IgcOverlaySettings"}],"events":[]}},{"name":"igc-grid-toolbar-exporter","description":"Provides a pre-configured exporter component for the grid.\n---\n\n\n### **Events:**\n - **exportStarted** - Emitted when starting an export operation. Re-emitted additionally  by the grid itself.\n- **exportEnded** - Emitted on successful ending of an export operation.\n- **opening** - Emits an event before the toggle container is opened.\n- **opened** - Emits an event after the toggle container is opened.\n- **closing** - Emits an event before the toggle container is closed.\n- **closed** - Emits an event after the toggle container is closed.\n- **columnToggle** - Emits when after a column's checked state is changed","doc-url":"","attributes":[{"name":"export-csv","description":"Show entry for CSV export.","value":{"type":"boolean"}},{"name":"export-excel","description":"Show entry for Excel export.","value":{"type":"boolean"}},{"name":"filename","description":"The name for the exported file.","value":{"type":"string"}},{"name":"column-list-height","description":"Sets the height of the column list in the dropdown.","value":{"type":"string"}},{"name":"title","description":"Title text for the column action component","value":{"type":"string"}},{"name":"prompt","description":"The placeholder text for the search input.","value":{"type":"string"}},{"name":"overlay-settings","description":"Sets overlay settings","value":{"type":"IgcOverlaySettings"}}],"events":[{"name":"exportStarted","type":"CustomEvent<IgcExporterEventArgs>","description":"Emitted when starting an export operation. Re-emitted additionally  by the grid itself."},{"name":"exportEnded","type":"CustomEvent<void>","description":"Emitted on successful ending of an export operation."},{"name":"opening","type":"CustomEvent<IgcToggleViewCancelableEventArgs>","description":"Emits an event before the toggle container is opened."},{"name":"opened","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is opened."},{"name":"closing","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event before the toggle container is closed."},{"name":"closed","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is closed."},{"name":"columnToggle","type":"CustomEvent<IgcColumnToggledEventArgs>","description":"Emits when after a column's checked state is changed"}],"js":{"properties":[{"name":"exportCSV","description":"Show entry for CSV export.","type":"boolean"},{"name":"exportExcel","description":"Show entry for Excel export.","type":"boolean"},{"name":"filename","description":"The name for the exported file.","type":"string"},{"name":"columnListHeight","description":"Sets the height of the column list in the dropdown.","type":"string"},{"name":"title","description":"Title text for the column action component","type":"string"},{"name":"prompt","description":"The placeholder text for the search input.","type":"string"},{"name":"overlaySettings","description":"Sets overlay settings","type":"IgcOverlaySettings"}],"events":[{"name":"exportStarted","type":"CustomEvent<IgcExporterEventArgs>","description":"Emitted when starting an export operation. Re-emitted additionally  by the grid itself."},{"name":"exportEnded","type":"CustomEvent<void>","description":"Emitted on successful ending of an export operation."},{"name":"opening","type":"CustomEvent<IgcToggleViewCancelableEventArgs>","description":"Emits an event before the toggle container is opened."},{"name":"opened","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is opened."},{"name":"closing","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event before the toggle container is closed."},{"name":"closed","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is closed."},{"name":"columnToggle","type":"CustomEvent<IgcColumnToggledEventArgs>","description":"Emits when after a column's checked state is changed"}]}},{"name":"igc-grid-toolbar-hiding","description":"Provides a pre-configured column hiding component for the grid.\n---\n\n\n### **Events:**\n - **opening** - Emits an event before the toggle container is opened.\n- **opened** - Emits an event after the toggle container is opened.\n- **closing** - Emits an event before the toggle container is closed.\n- **closed** - Emits an event after the toggle container is closed.\n- **columnToggle** - Emits when after a column's checked state is changed","doc-url":"","attributes":[{"name":"column-list-height","description":"Sets the height of the column list in the dropdown.","value":{"type":"string"}},{"name":"title","description":"Title text for the column action component","value":{"type":"string"}},{"name":"prompt","description":"The placeholder text for the search input.","value":{"type":"string"}},{"name":"overlay-settings","description":"Sets overlay settings","value":{"type":"IgcOverlaySettings"}}],"events":[{"name":"opening","type":"CustomEvent<IgcToggleViewCancelableEventArgs>","description":"Emits an event before the toggle container is opened."},{"name":"opened","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is opened."},{"name":"closing","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event before the toggle container is closed."},{"name":"closed","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is closed."},{"name":"columnToggle","type":"CustomEvent<IgcColumnToggledEventArgs>","description":"Emits when after a column's checked state is changed"}],"js":{"properties":[{"name":"columnListHeight","description":"Sets the height of the column list in the dropdown.","type":"string"},{"name":"title","description":"Title text for the column action component","type":"string"},{"name":"prompt","description":"The placeholder text for the search input.","type":"string"},{"name":"overlaySettings","description":"Sets overlay settings","type":"IgcOverlaySettings"}],"events":[{"name":"opening","type":"CustomEvent<IgcToggleViewCancelableEventArgs>","description":"Emits an event before the toggle container is opened."},{"name":"opened","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is opened."},{"name":"closing","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event before the toggle container is closed."},{"name":"closed","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is closed."},{"name":"columnToggle","type":"CustomEvent<IgcColumnToggledEventArgs>","description":"Emits when after a column's checked state is changed"}]}},{"name":"igc-grid-toolbar-pinning","description":"Provides a pre-configured column pinning component for the grid.\n---\n\n\n### **Events:**\n - **opening** - Emits an event before the toggle container is opened.\n- **opened** - Emits an event after the toggle container is opened.\n- **closing** - Emits an event before the toggle container is closed.\n- **closed** - Emits an event after the toggle container is closed.\n- **columnToggle** - Emits when after a column's checked state is changed","doc-url":"","attributes":[{"name":"column-list-height","description":"Sets the height of the column list in the dropdown.","value":{"type":"string"}},{"name":"title","description":"Title text for the column action component","value":{"type":"string"}},{"name":"prompt","description":"The placeholder text for the search input.","value":{"type":"string"}},{"name":"overlay-settings","description":"Sets overlay settings","value":{"type":"IgcOverlaySettings"}}],"events":[{"name":"opening","type":"CustomEvent<IgcToggleViewCancelableEventArgs>","description":"Emits an event before the toggle container is opened."},{"name":"opened","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is opened."},{"name":"closing","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event before the toggle container is closed."},{"name":"closed","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is closed."},{"name":"columnToggle","type":"CustomEvent<IgcColumnToggledEventArgs>","description":"Emits when after a column's checked state is changed"}],"js":{"properties":[{"name":"columnListHeight","description":"Sets the height of the column list in the dropdown.","type":"string"},{"name":"title","description":"Title text for the column action component","type":"string"},{"name":"prompt","description":"The placeholder text for the search input.","type":"string"},{"name":"overlaySettings","description":"Sets overlay settings","type":"IgcOverlaySettings"}],"events":[{"name":"opening","type":"CustomEvent<IgcToggleViewCancelableEventArgs>","description":"Emits an event before the toggle container is opened."},{"name":"opened","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is opened."},{"name":"closing","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event before the toggle container is closed."},{"name":"closed","type":"CustomEvent<IgcToggleViewEventArgs>","description":"Emits an event after the toggle container is closed."},{"name":"columnToggle","type":"CustomEvent<IgcColumnToggledEventArgs>","description":"Emits when after a column's checked state is changed"}]}},{"name":"igc-tree-grid","description":"**Ignite UI for Angular Tree Grid** -  [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid)   The Ignite UI Tree Grid displays and manipulates hierarchical data with consistent schema formatted as a table and  provides features such as sorting, filtering, editing, column pinning, paging, column moving and hiding.   Example:\n---\n\n\n### **Events:**\n - **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **expansionStatesChange** - Emitted when the rows are expanded or collapsed.\n- **selectedRowsChange** - Emitted when the rows are selected or deselected.\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emitted when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","doc-url":"","attributes":[{"name":"child-data-key","description":"Sets the child data key of the `IgxTreeGridComponent`.","value":{"type":"string"}},{"name":"foreign-key","description":"Sets the foreign key of the `IgxTreeGridComponent`.","value":{"type":"string"}},{"name":"has-children-key","description":"Sets the key indicating whether a row has children.  This property is only used for load on demand scenarios.","value":{"type":"string"}},{"name":"cascade-on-delete","description":"Sets whether child records should be deleted when their parent gets deleted.  By default it is set to true and deletes all children along with the parent.","value":{"type":"boolean"}},{"name":"load-children-on-demand","description":"Sets a callback for loading child rows on demand.","value":{"type":"any"}},{"name":"id","description":"Sets the value of the `id` attribute. If not provided it will be automatically generated.","value":{"type":"string"}},{"name":"root-records","description":"Returns an array of the root level `ITreeGridRecord`s.","value":{"type":"IgcTreeGridRecord[]"}},{"name":"processed-root-records","description":"Returns an array of processed (filtered and sorted) root `ITreeGridRecord`s.","value":{"type":"IgcTreeGridRecord[]"}},{"name":"data","description":"Gets/Sets the array of data that populates the component.","value":{"type":"any[]"}},{"name":"expansion-depth","description":"Sets the count of levels to be expanded in the `IgxTreeGridComponent`. By default it is  set to `Infinity` which means all levels would be expanded.","value":{"type":"number"}},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","value":{"type":"number"}},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","value":{"type":"boolean"}},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","value":{"type":"string[]"}},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","value":{"type":"boolean"}},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","value":{"type":"number"}},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","value":{"type":"IgcDataCloneStrategy"}},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","value":{"type":"IgcClipboardOptions"}},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","value":{"type":"any"}},{"name":"row-styles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","value":{"type":"any"}},{"name":"primary-key","description":"Gets/Sets the primary key.","value":{"type":"string"}},{"name":"column-list","value":{"type":"IgcColumnComponent[]"}},{"name":"action-strip-components","value":{"type":"IgcActionStripToken[]"}},{"name":"toolbar","value":{"type":"IgcGridToolbarComponent[]"}},{"name":"pagination-components","value":{"type":"IgcPaginatorComponent[]"}},{"name":"resource-strings","description":"Gets/Sets the resource strings.","value":{"type":"IgcGridResourceStrings"}},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","value":{"type":"FilteringLogic"}},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"advanced-filtering-expressions-tree","description":"Gets/Sets the advanced filtering state.","value":{"type":"IgcFilteringExpressionsTree"}},{"name":"locale","description":"Gets/Sets the locale.","value":{"type":"string"}},{"name":"paging-mode","value":{"type":"GridPagingMode"}},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","value":{"type":"boolean"}},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","value":{"type":"boolean"}},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","value":{"type":"GridValidationTrigger"}},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","value":{"type":"boolean"}},{"name":"height","description":"Gets/Sets the height.","value":{"type":"string"}},{"name":"width","description":"Gets/Sets the width of the grid.","value":{"type":"string"}},{"name":"row-height","description":"Gets/Sets the row height.","value":{"type":"number"}},{"name":"column-width","description":"Gets/Sets the default width of the columns.","value":{"type":"string"}},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","value":{"type":"string"}},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","value":{"type":"boolean"}},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","value":{"type":"boolean"}},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","value":{"type":"string"}},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","value":{"type":"IgcPinningConfig"}},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","value":{"type":"boolean"}},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","value":{"type":"boolean"}},{"name":"filter-mode","description":"Gets/Sets the filter mode.","value":{"type":"FilterMode"}},{"name":"summary-position","description":"Gets/Sets the summary position.","value":{"type":"GridSummaryPosition"}},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","value":{"type":"GridSummaryCalculationMode"}},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","value":{"type":"boolean"}},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","value":{"type":"IgcFilteringStrategy"}},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","value":{"type":"IgcGridSortingStrategy"}},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","value":{"type":"IgcSortingOptions"}},{"name":"selected-rows","description":"Gets/Sets the current selection state.","value":{"type":"any[]"}},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","value":{"type":"IgcSortingExpression[]"}},{"name":"batch-editing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","value":{"type":"boolean"}},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","value":{"type":"GridSelectionMode"}},{"name":"row-selection","description":"Gets/Sets row selection mode","value":{"type":"GridSelectionMode"}},{"name":"column-selection","description":"Gets/Sets column selection mode","value":{"type":"GridSelectionMode"}},{"name":"expansion-states","description":"Gets/Sets a list of key-value pairs [row ID, expansion state].","value":{"type":"Map<any, boolean>"}},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","value":{"type":"IgcOverlayOutletDirective"}},{"name":"total-records","description":"Returns the total number of records.","value":{"type":"number"}},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","value":{"type":"boolean"}}],"events":[{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<Map<any, boolean>>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent<boolean>","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}],"js":{"properties":[{"name":"childDataKey","description":"Sets the child data key of the `IgxTreeGridComponent`.","type":"string"},{"name":"foreignKey","description":"Sets the foreign key of the `IgxTreeGridComponent`.","type":"string"},{"name":"hasChildrenKey","description":"Sets the key indicating whether a row has children.  This property is only used for load on demand scenarios.","type":"string"},{"name":"cascadeOnDelete","description":"Sets whether child records should be deleted when their parent gets deleted.  By default it is set to true and deletes all children along with the parent.","type":"boolean"},{"name":"loadChildrenOnDemand","description":"Sets a callback for loading child rows on demand.","type":"any"},{"name":"id","description":"Sets the value of the `id` attribute. If not provided it will be automatically generated.","type":"string"},{"name":"rootRecords","description":"Returns an array of the root level `ITreeGridRecord`s.","type":"IgcTreeGridRecord[]"},{"name":"processedRootRecords","description":"Returns an array of processed (filtered and sorted) root `ITreeGridRecord`s.","type":"IgcTreeGridRecord[]"},{"name":"data","description":"Gets/Sets the array of data that populates the component.","type":"any[]"},{"name":"expansionDepth","description":"Sets the count of levels to be expanded in the `IgxTreeGridComponent`. By default it is  set to `Infinity` which means all levels would be expanded.","type":"number"},{"name":"rowLoadingIndicatorTemplate","description":"Template for the row loading indicator when load on demand is enabled.","type":"IgcRenderFunction<void>"},{"name":"selectedCells","description":"Returns an array of the selected `IgxGridCell`s.","type":"IgcCellType[]"},{"name":"snackbarDisplayTime","description":"Gets/Sets the display time for the row adding snackbar notification.","type":"number"},{"name":"autoGenerate","description":"Gets/Sets whether to auto-generate the columns.","type":"boolean"},{"name":"autoGenerateExclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","type":"string[]"},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","type":"boolean"},{"name":"emptyGridTemplate","description":"Gets/Sets a custom template when empty.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"addRowEmptyTemplate","description":"Gets/Sets a custom template for adding row UI when grid is empty.","type":"IgcRenderFunction<void>"},{"name":"loadingGridTemplate","description":"Gets/Sets a custom template when loading.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"summaryRowHeight","description":"Get/Set IgxSummaryRow height","type":"number"},{"name":"dataCloneStrategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","type":"IgcDataCloneStrategy"},{"name":"clipboardOptions","description":"Controls the copy behavior of the grid.","type":"IgcClipboardOptions"},{"name":"rowClasses","description":"Sets a conditional class selector to the grid's row element.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class and the value is  either a callback function that returns a boolean, or boolean, like so:","type":"any"},{"name":"rowStyles","description":"Sets conditional style properties on the grid row element.  It accepts an object literal where the keys are  the style properties and the value is an expression to be evaluated.","type":"any"},{"name":"primaryKey","description":"Gets/Sets the primary key.","type":"string"},{"name":"columnList","type":"IgcColumnComponent[]"},{"name":"actionStripComponents","type":"IgcActionStripToken[]"},{"name":"dragGhostCustomTemplate","description":"Gets the custom template, if any, used for row drag ghost.","type":"IgcRenderFunction<IgcGridRowDragGhostContext>"},{"name":"rowEditTextTemplate","description":"Gets the row edit text template.","type":"IgcRenderFunction<IgcGridRowEditTextTemplateContext>"},{"name":"rowAddTextTemplate","description":"Gets the row add text template.","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"rowEditActionsTemplate","description":"Gets the row edit actions template.","type":"IgcRenderFunction<IgcGridRowEditActionsTemplateContext>"},{"name":"rowExpandedIndicatorTemplate","description":"Gets the row expand indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"rowCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridRowTemplateContext>"},{"name":"headerExpandedIndicatorTemplate","description":"Gets the header expand indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"headerCollapsedIndicatorTemplate","description":"Gets the row collapse indicator template.","type":"IgcRenderFunction<IgcGridTemplateContext>"},{"name":"excelStyleHeaderIconTemplate","description":"Gets the excel style header icon.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortAscendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortDescendingHeaderIconTemplate","description":"The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"sortHeaderIconTemplate","description":"Gets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted.","type":"IgcRenderFunction<IgcGridHeaderTemplateContext>"},{"name":"toolbar","type":"IgcGridToolbarComponent[]"},{"name":"paginationComponents","type":"IgcPaginatorComponent[]"},{"name":"resourceStrings","description":"Gets/Sets the resource strings.","type":"IgcGridResourceStrings"},{"name":"filteringLogic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","type":"FilteringLogic"},{"name":"filteringExpressionsTree","description":"Gets/Sets the filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"advancedFilteringExpressionsTree","description":"Gets/Sets the advanced filtering state.","type":"IgcFilteringExpressionsTree"},{"name":"locale","description":"Gets/Sets the locale.","type":"string"},{"name":"pagingMode","type":"GridPagingMode"},{"name":"hideRowSelectors","description":"Gets/Sets if the row selectors are hidden.","type":"boolean"},{"name":"rowDraggable","description":"Gets/Sets whether rows can be moved.","type":"boolean"},{"name":"validationTrigger","description":"Gets/Sets the trigger for validators used when editing the grid.","type":"GridValidationTrigger"},{"name":"rowEditable","description":"Gets/Sets whether the rows are editable.","type":"boolean"},{"name":"height","description":"Gets/Sets the height.","type":"string"},{"name":"width","description":"Gets/Sets the width of the grid.","type":"string"},{"name":"rowHeight","description":"Gets/Sets the row height.","type":"number"},{"name":"columnWidth","description":"Gets/Sets the default width of the columns.","type":"string"},{"name":"emptyGridMessage","description":"Get/Sets the message displayed when there are no records.","type":"string"},{"name":"isLoading","description":"Gets/Sets whether the grid is going to show a loading indicator.","type":"boolean"},{"name":"shouldGenerate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","type":"boolean"},{"name":"emptyFilteredGridMessage","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","type":"string"},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","type":"IgcPinningConfig"},{"name":"allowFiltering","description":"Gets/Sets if the filtering is enabled.","type":"boolean"},{"name":"allowAdvancedFiltering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","type":"boolean"},{"name":"filterMode","description":"Gets/Sets the filter mode.","type":"FilterMode"},{"name":"summaryPosition","description":"Gets/Sets the summary position.","type":"GridSummaryPosition"},{"name":"summaryCalculationMode","description":"Gets/Sets the summary calculation mode.","type":"GridSummaryCalculationMode"},{"name":"showSummaryOnCollapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","type":"boolean"},{"name":"filterStrategy","description":"Gets/Sets the filtering strategy of the grid.","type":"IgcFilteringStrategy"},{"name":"sortStrategy","description":"Gets/Sets the sorting strategy of the grid.","type":"IgcGridSortingStrategy"},{"name":"sortingOptions","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","type":"IgcSortingOptions"},{"name":"selectedRows","description":"Gets/Sets the current selection state.","type":"any[]"},{"name":"rowList","description":"A list of `IgxGridRowComponent`.","type":"IgcRowDirective[]"},{"name":"dataRowList","description":"A list of currently rendered `IgxGridRowComponent`'s.","type":"IgcRowDirective[]"},{"name":"headSelectorTemplate","description":"Gets the header row selector template.","type":"IgcRenderFunction<IgcHeadSelectorTemplateContext>"},{"name":"rowSelectorTemplate","description":"Gets the row selector template.","type":"IgcRenderFunction<IgcRowSelectorTemplateContext>"},{"name":"dragIndicatorIconTemplate","description":"The custom template, if any, that should be used when rendering the row drag indicator icon","type":"IgcRenderFunction<IgcGridEmptyTemplateContext>"},{"name":"sortingExpressions","description":"Gets/Sets the sorting state.","type":"IgcSortingExpression[]"},{"name":"hiddenColumnsCount","description":"Gets the number of hidden columns.","type":"number"},{"name":"pinnedColumnsCount","description":"Gets the number of pinned columns.","type":"number"},{"name":"batchEditing","description":"Gets/Sets whether the grid has batch editing enabled.  When batch editing is enabled, changes are not made directly to the underlying data.  Instead, they are stored as transactions, which can later be committed w/ the `commit` method.","type":"boolean"},{"name":"cellSelection","description":"Gets/Sets cell selection mode.","type":"GridSelectionMode"},{"name":"rowSelection","description":"Gets/Sets row selection mode","type":"GridSelectionMode"},{"name":"columnSelection","description":"Gets/Sets column selection mode","type":"GridSelectionMode"},{"name":"lastSearchInfo","description":"Represents the last search information.","type":"IgcSearchInfo"},{"name":"filteredData","description":"Returns an array of objects containing the filtered data.","type":"any"},{"name":"filteredSortedData","description":"Returns an array containing the filtered sorted data.","type":"any[]"},{"name":"virtualizationState","description":"Returns the state of the grid virtualization.","type":"IgcForOfState"},{"name":"expansionStates","description":"Gets/Sets a list of key-value pairs [row ID, expansion state].","type":"Map<any, boolean>"},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","type":"IgcOverlayOutletDirective"},{"name":"defaultRowHeight","description":"Gets the default row height.","type":"number"},{"name":"defaultHeaderGroupMinWidth","description":"Returns the `IgxGridHeaderGroupComponent`'s minimum allowed width.","type":"number"},{"name":"columns","description":"Gets an array of `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedColumns","description":"Gets an array of the pinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"pinnedRows","description":"Gets an array of the pinned `IgxRowComponent`s.","type":"IgcGridRowComponent[]"},{"name":"unpinnedColumns","description":"Gets an array of unpinned `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"visibleColumns","description":"Returns an array of visible `IgxColumnComponent`s.","type":"IgcColumnComponent[]"},{"name":"totalRecords","description":"Returns the total number of records.","type":"number"},{"name":"dataView","description":"Returns the currently transformed paged/filtered/sorted/grouped/pinned/unpinned row data, displayed in the grid.","type":"any[]"},{"name":"selectRowOnClick","description":"Gets/Sets whether clicking over a row should select/deselect it","type":"boolean"}],"events":[{"name":"filteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed."},{"name":"advancedFilteringExpressionsTreeChange","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after advanced filtering is performed."},{"name":"gridScroll","type":"CustomEvent<IgcGridScrollEventArgs>","description":"Emitted when grid is scrolled horizontally/vertically."},{"name":"cellClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is clicked."},{"name":"rowClick","type":"CustomEvent<IgcGridRowEventArgs>","description":"Emitted when a row is clicked."},{"name":"formGroupCreated","type":"CustomEvent<IgcGridFormGroupCreatedEventArgs>","description":"Emitted when formGroup is created on edit of row/cell."},{"name":"validationStatusChange","type":"CustomEvent<IgcGridValidationStatusEventArgs>","description":"Emitted when grid's validation status changes."},{"name":"selected","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is selected."},{"name":"rowSelectionChanging","type":"CustomEvent<IgcRowSelectionEventArgs>","description":"Emitted when `IgxGridRowComponent` is selected."},{"name":"columnSelectionChanging","type":"CustomEvent<IgcColumnSelectionEventArgs>","description":"Emitted when `IgxColumnComponent` is selected."},{"name":"columnPin","type":"CustomEvent<IgcPinColumnCancellableEventArgs>","description":"Emitted before `IgxColumnComponent` is pinned."},{"name":"columnPinned","type":"CustomEvent<IgcPinColumnEventArgs>","description":"Emitted after `IgxColumnComponent` is pinned."},{"name":"cellEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell enters edit mode."},{"name":"cellEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when cell exits edit mode."},{"name":"cellEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when cell has been edited."},{"name":"cellEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after cell has been edited and editing has been committed."},{"name":"rowEditEnter","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when a row enters edit mode."},{"name":"rowEdit","type":"CustomEvent<IgcGridEditEventArgs>","description":"Emitted when exiting edit mode for a row."},{"name":"rowEditDone","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted after exiting edit mode for a row and editing has been committed."},{"name":"rowEditExit","type":"CustomEvent<IgcGridEditDoneEventArgs>","description":"Emitted when row editing is canceled."},{"name":"columnInit","type":"CustomEvent<IgcColumnComponent>","description":"Emitted when a column is initialized."},{"name":"columnsAutogenerated","type":"CustomEvent<IgcColumnsAutoGeneratedEventArgs>","description":""},{"name":"sorting","type":"CustomEvent<IgcSortingEventArgs>","description":"Emitted before sorting expressions are applied."},{"name":"sortingDone","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted after sorting is completed."},{"name":"filtering","type":"CustomEvent<IgcFilteringEventArgs>","description":"Emitted before filtering expressions are applied."},{"name":"filteringDone","type":"CustomEvent<IgcFilteringExpressionsTree>","description":"Emitted after filtering is performed through the UI."},{"name":"rowAdded","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is added."},{"name":"rowDeleted","type":"CustomEvent<IgcRowDataEventArgs>","description":"Emitted when a row is deleted."},{"name":"rowDelete","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited when deleting a row."},{"name":"rowAdd","type":"CustomEvent<IgcRowDataCancelableEventArgs>","description":"Emmited just before the newly added row is commited."},{"name":"columnResized","type":"CustomEvent<IgcColumnResizeEventArgs>","description":"Emitted after column is resized."},{"name":"contextMenu","type":"CustomEvent<IgcGridContextMenuEventArgs>","description":"Emitted when a cell or row is right clicked."},{"name":"doubleClick","type":"CustomEvent<IgcGridCellEventArgs>","description":"Emitted when a cell is double clicked."},{"name":"columnVisibilityChanging","type":"CustomEvent<IgcColumnVisibilityChangingEventArgs>","description":"Emitted before column visibility is changed."},{"name":"columnVisibilityChanged","type":"CustomEvent<IgcColumnVisibilityChangedEventArgs>","description":"Emitted after column visibility is changed."},{"name":"columnMovingStart","type":"CustomEvent<IgcColumnMovingStartEventArgs>","description":"Emitted when column moving starts."},{"name":"columnMoving","type":"CustomEvent<IgcColumnMovingEventArgs>","description":"Emitted during the column moving operation."},{"name":"columnMovingEnd","type":"CustomEvent<IgcColumnMovingEndEventArgs>","description":"Emitted when column moving ends."},{"name":"gridKeydown","type":"CustomEvent<IgcGridKeydownEventArgs>","description":"Emitted when keydown is triggered over element inside grid's body."},{"name":"rowDragStart","type":"CustomEvent<IgcRowDragStartEventArgs>","description":"Emitted when start dragging a row."},{"name":"rowDragEnd","type":"CustomEvent<IgcRowDragEndEventArgs>","description":"Emitted when dropping a row."},{"name":"gridCopy","type":"CustomEvent<IgcGridClipboardEvent>","description":"Emitted when a copy operation is executed."},{"name":"expansionStatesChange","type":"CustomEvent<Map<any, boolean>>","description":"Emitted when the rows are expanded or collapsed."},{"name":"selectedRowsChange","type":"CustomEvent<any[]>","description":"Emitted when the rows are selected or deselected."},{"name":"rowToggle","type":"CustomEvent<IgcRowToggleEventArgs>","description":"Emitted when the expanded state of a row gets changed."},{"name":"rowPinning","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"rowPinned","type":"CustomEvent<IgcPinRowEventArgs>","description":"Emitted when the pinned state of a row is changed."},{"name":"activeNodeChange","type":"CustomEvent<IgcActiveNodeChangeEventArgs>","description":"Emitted when the active node is changed."},{"name":"sortingExpressionsChange","type":"CustomEvent<IgcSortingExpression[]>","description":"Emitted before sorting is performed."},{"name":"toolbarExporting","type":"CustomEvent<IgcGridToolbarExportEventArgs>","description":"Emitted when an export process is initiated by the user."},{"name":"rangeSelected","type":"CustomEvent<IgcGridSelectionRange>","description":"Emitted when making a range selection."},{"name":"rendered","type":"CustomEvent<boolean>","description":"Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM"},{"name":"dataChanging","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted before the grid's data view is changed because of a data operation, rebinding, etc."},{"name":"dataChanged","type":"CustomEvent<IgcForOfDataChangeEventArgs>","description":"Emitted after the grid's data view is changed because of a data operation, rebinding, etc."}]}},{"name":"igc-grid-toolbar","description":"Provides a context-aware container component for UI operations for the grid components.\n---\n","doc-url":"","attributes":[{"name":"show-progress","description":"When enabled, shows the indeterminate progress bar.","value":{"type":"boolean"}},{"name":"grid","description":"Gets/sets the grid component for the toolbar component.","value":{"type":"IgcGridBaseDirective"}}],"events":[],"js":{"properties":[{"name":"showProgress","description":"When enabled, shows the indeterminate progress bar.","type":"boolean"},{"name":"grid","description":"Gets/sets the grid component for the toolbar component.","type":"IgcGridBaseDirective"}],"events":[]}},{"name":"igc-paginator","description":"Paginator component description\n---\n\n\n### **Events:**\n - **perPageChange** - Emitted when `perPage` property value of the paginator is changed.\n- **pageChange** - Emitted after the current page is changed.\n- **paging** - Emitted before paging is performed.\n- **pagingDone** - Emitted after paging is performed.","doc-url":"","attributes":[{"name":"total-pages","description":"Total pages calculated from totalRecords and perPage","value":{"type":"number"}},{"name":"page","description":"Gets/Sets the current page of the paginator.  The default is 0.","value":{"type":"number"}},{"name":"per-page","description":"Gets/Sets the number of visible items per page in the paginator.  The default is 15.","value":{"type":"number"}},{"name":"total-records","description":"Sets the total records.","value":{"type":"number"}},{"name":"select-options","description":"Sets custom options in the select of the paginator","value":{"type":"number[]"}},{"name":"overlay-settings","description":"Sets custom OverlaySettings.","value":{"type":"IgcOverlaySettings"}},{"name":"resource-strings","description":"An accessor that sets the resource strings.  By default it uses EN resources.","value":{"type":"IgcPaginatorResourceStrings"}}],"events":[{"name":"perPageChange","type":"CustomEvent<number>","description":"Emitted when `perPage` property value of the paginator is changed."},{"name":"pageChange","type":"CustomEvent<number>","description":"Emitted after the current page is changed."},{"name":"paging","type":"CustomEvent<IgcPageCancellableEventArgs>","description":"Emitted before paging is performed."},{"name":"pagingDone","type":"CustomEvent<IgcPageEventArgs>","description":"Emitted after paging is performed."}],"js":{"properties":[{"name":"totalPages","description":"Total pages calculated from totalRecords and perPage","type":"number"},{"name":"page","description":"Gets/Sets the current page of the paginator.  The default is 0.","type":"number"},{"name":"perPage","description":"Gets/Sets the number of visible items per page in the paginator.  The default is 15.","type":"number"},{"name":"totalRecords","description":"Sets the total records.","type":"number"},{"name":"selectOptions","description":"Sets custom options in the select of the paginator","type":"number[]"},{"name":"overlaySettings","description":"Sets custom OverlaySettings.","type":"IgcOverlaySettings"},{"name":"resourceStrings","description":"An accessor that sets the resource strings.  By default it uses EN resources.","type":"IgcPaginatorResourceStrings"},{"name":"isLastPage","description":"Returns if the current page is the last page.","type":"boolean"},{"name":"isFirstPage","description":"Returns if the current page is the first page.","type":"boolean"}],"events":[{"name":"perPageChange","type":"CustomEvent<number>","description":"Emitted when `perPage` property value of the paginator is changed."},{"name":"pageChange","type":"CustomEvent<number>","description":"Emitted after the current page is changed."},{"name":"paging","type":"CustomEvent<IgcPageCancellableEventArgs>","description":"Emitted before paging is performed."},{"name":"pagingDone","type":"CustomEvent<IgcPageEventArgs>","description":"Emitted after paging is performed."}]}}]
       },
       "css": {
         "properties": [],