Interface GridIconSlotsComponent

Set of icons used in the grid component UI.

interface GridIconSlotsComponent {
    booleanCellFalseIcon: JSXElementConstructor<any>;
    booleanCellTrueIcon: JSXElementConstructor<any>;
    columnFilteredIcon: JSXElementConstructor<any>;
    columnMenuClearIcon: JSXElementConstructor<any>;
    columnMenuFilterIcon: JSXElementConstructor<any>;
    columnMenuHideIcon: JSXElementConstructor<any>;
    columnMenuIcon: JSXElementConstructor<any>;
    columnMenuManageColumnsIcon: JSXElementConstructor<any>;
    columnMenuSortAscendingIcon: JSXElementConstructor<any>;
    columnMenuSortDescendingIcon: JSXElementConstructor<any>;
    columnReorderIcon: JSXElementConstructor<any>;
    columnResizeIcon: JSXElementConstructor<any>;
    columnSelectorIcon: JSXElementConstructor<any>;
    columnSortedAscendingIcon: null | JSXElementConstructor<any>;
    columnSortedDescendingIcon: null | JSXElementConstructor<any>;
    columnUnsortedIcon: null | JSXElementConstructor<any>;
    densityComfortableIcon: JSXElementConstructor<any>;
    densityCompactIcon: JSXElementConstructor<any>;
    densityStandardIcon: JSXElementConstructor<any>;
    detailPanelCollapseIcon: JSXElementConstructor<any>;
    detailPanelExpandIcon: JSXElementConstructor<any>;
    exportIcon: JSXElementConstructor<any>;
    filterPanelAddIcon: JSXElementConstructor<any>;
    filterPanelDeleteIcon: JSXElementConstructor<any>;
    filterPanelRemoveAllIcon: JSXElementConstructor<any>;
    groupingCriteriaCollapseIcon: JSXElementConstructor<any>;
    groupingCriteriaExpandIcon: JSXElementConstructor<any>;
    loadIcon: JSXElementConstructor<any>;
    moreActionsIcon: JSXElementConstructor<any>;
    openFilterButtonIcon: JSXElementConstructor<any>;
    quickFilterClearIcon: JSXElementConstructor<any>;
    quickFilterIcon: JSXElementConstructor<any>;
    rowReorderIcon: JSXElementConstructor<any>;
    treeDataCollapseIcon: JSXElementConstructor<any>;
    treeDataExpandIcon: JSXElementConstructor<any>;
}

Hierarchy (view full)

Properties

booleanCellFalseIcon booleanCellTrueIcon columnFilteredIcon columnMenuClearIcon columnMenuFilterIcon columnMenuHideIcon columnMenuIcon columnMenuManageColumnsIcon columnMenuSortAscendingIcon columnMenuSortDescendingIcon columnReorderIcon columnResizeIcon columnSelectorIcon columnSortedAscendingIcon columnSortedDescendingIcon columnUnsortedIcon densityComfortableIcon densityCompactIcon densityStandardIcon detailPanelCollapseIcon detailPanelExpandIcon exportIcon filterPanelAddIcon filterPanelDeleteIcon filterPanelRemoveAllIcon groupingCriteriaCollapseIcon groupingCriteriaExpandIcon loadIcon moreActionsIcon openFilterButtonIcon quickFilterClearIcon quickFilterIcon rowReorderIcon treeDataCollapseIcon treeDataExpandIcon

Properties

booleanCellFalseIcon

booleanCellFalseIcon: JSXElementConstructor<any>

Icon displayed on the boolean cell to represent the false value.

Default

GridCloseIcon

booleanCellTrueIcon

booleanCellTrueIcon: JSXElementConstructor<any>

Icon displayed on the boolean cell to represent the true value.

Default

GridCheckIcon

columnFilteredIcon

columnFilteredIcon: JSXElementConstructor<any>

Icon displayed on the column header menu to show that a filter has been applied to the column.

Default

GridFilterAltIcon

columnMenuClearIcon

columnMenuClearIcon: JSXElementConstructor<any>

Icon displayed in column menu for clearing values

Default

GridClearIcon

columnMenuFilterIcon

columnMenuFilterIcon: JSXElementConstructor<any>

Icon displayed in column menu for filter

Default

GridFilterAltIcon

columnMenuHideIcon

columnMenuHideIcon: JSXElementConstructor<any>

Icon displayed in column menu for hiding column

Default

GridVisibilityOffIcon

columnMenuIcon

columnMenuIcon: JSXElementConstructor<any>

Icon displayed on the side of the column header title to display the filter input component.

Default

GridTripleDotsVerticalIcon

columnMenuManageColumnsIcon

columnMenuManageColumnsIcon: JSXElementConstructor<any>

Icon displayed in column menu for showing all columns

Default

GridViewColumnIcon

columnMenuSortAscendingIcon

columnMenuSortAscendingIcon: JSXElementConstructor<any>

Icon displayed in column menu for ascending sort

Default

GridArrowUpwardIcon

columnMenuSortDescendingIcon

columnMenuSortDescendingIcon: JSXElementConstructor<any>

Icon displayed in column menu for descending sort

Default

GridArrowDownwardIcon

columnReorderIcon

columnReorderIcon: JSXElementConstructor<any>

Icon displayed on the column reorder button.

Default

GridDragIcon

columnResizeIcon

columnResizeIcon: JSXElementConstructor<any>

Icon displayed in between two column headers that allows to resize the column header.

Default

GridSeparatorIcon

columnSelectorIcon

columnSelectorIcon: JSXElementConstructor<any>

Icon displayed on the column menu selector tab.

Default

GridColumnIcon

columnSortedAscendingIcon

columnSortedAscendingIcon: null | JSXElementConstructor<any>

Icon displayed on the side of the column header title when sorted in ascending order.

Default

GridArrowUpwardIcon

columnSortedDescendingIcon

columnSortedDescendingIcon: null | JSXElementConstructor<any>

Icon displayed on the side of the column header title when sorted in descending order.

Default

GridArrowDownwardIcon

columnUnsortedIcon

columnUnsortedIcon: null | JSXElementConstructor<any>

Icon displayed on the side of the column header title when unsorted.

Default

GridColumnUnsortedIcon

densityComfortableIcon

densityComfortableIcon: JSXElementConstructor<any>

Icon displayed on the "comfortable" density option in the toolbar.

Default

GridViewStreamIcon

densityCompactIcon

densityCompactIcon: JSXElementConstructor<any>

Icon displayed on the compact density option in the toolbar.

Default

GridViewHeadlineIcon

densityStandardIcon

densityStandardIcon: JSXElementConstructor<any>

Icon displayed on the standard density option in the toolbar.

Default

GridTableRowsIcon

detailPanelCollapseIcon

detailPanelCollapseIcon: JSXElementConstructor<any>

Icon displayed on the detail panel toggle column when expanded.

Default

GridRemoveIcon

detailPanelExpandIcon

detailPanelExpandIcon: JSXElementConstructor<any>

Icon displayed on the detail panel toggle column when collapsed.

Default

GridAddIcon

exportIcon

exportIcon: JSXElementConstructor<any>

Icon displayed on the open export button present in the toolbar by default.

Default

GridSaveAltIcon

filterPanelAddIcon

filterPanelAddIcon: JSXElementConstructor<any>

Icon displayed for deleting the filter from filter panel.

Default

GridAddIcon

filterPanelDeleteIcon

filterPanelDeleteIcon: JSXElementConstructor<any>

Icon displayed for deleting the filter from filter panel.

Default

GridDeleteIcon

filterPanelRemoveAllIcon

filterPanelRemoveAllIcon: JSXElementConstructor<any>

Icon displayed for deleting all the active filters from filter panel.

Default

GridDeleteForeverIcon

groupingCriteriaCollapseIcon

groupingCriteriaCollapseIcon: JSXElementConstructor<any>

Icon displayed on the grouping column when the children are expanded

Default

GridExpandMoreIcon

groupingCriteriaExpandIcon

groupingCriteriaExpandIcon: JSXElementConstructor<any>

Icon displayed on the grouping column when the children are collapsed

Default

GridKeyboardArrowRight

loadIcon

loadIcon: JSXElementConstructor<any>

Icon displayed on the input while processing.

Default

GridLoadIcon

moreActionsIcon

moreActionsIcon: JSXElementConstructor<any>

Icon displayed on the actions column type to open the menu.

Default

GridMoreVertIcon

openFilterButtonIcon

openFilterButtonIcon: JSXElementConstructor<any>

Icon displayed on the open filter button present in the toolbar by default.

Default

GridFilterListIcon

quickFilterClearIcon

quickFilterClearIcon: JSXElementConstructor<any>

Icon displayed on the quick filter reset input.

Default

GridCloseIcon

quickFilterIcon

quickFilterIcon: JSXElementConstructor<any>

Icon displayed on the quick filter input.

Default

GridSearchIcon

rowReorderIcon

rowReorderIcon: JSXElementConstructor<any>

Icon displayed on the reorder column type to reorder a row.

Default

GridDragIcon

treeDataCollapseIcon

treeDataCollapseIcon: JSXElementConstructor<any>

Icon displayed on the tree data toggling column when the children are expanded

Default

GridExpandMoreIcon

treeDataExpandIcon

treeDataExpandIcon: JSXElementConstructor<any>

Icon displayed on the tree data toggling column when the children are collapsed

Default

GridKeyboardArrowRight

Settings

Member Visibility

On This Page

Properties