Interface GridClasses

interface GridClasses {
    actionsCell: string;
    aggregationColumnHeader: string;
    aggregationColumnHeader--alignCenter: string;
    aggregationColumnHeader--alignLeft: string;
    aggregationColumnHeader--alignRight: string;
    aggregationColumnHeaderLabel: string;
    autoHeight: string;
    autosizing: string;
    booleanCell: string;
    cell: string;
    cell--editable: string;
    cell--editing: string;
    cell--flex: string;
    cell--pinnedLeft: string;
    cell--pinnedRight: string;
    cell--rangeBottom: string;
    cell--rangeLeft: string;
    cell--rangeRight: string;
    cell--rangeTop: string;
    cell--selectionMode: string;
    cell--textCenter: string;
    cell--textLeft: string;
    cell--textRight: string;
    cell--withLeftBorder: string;
    cell--withRightBorder: string;
    cellCheckbox: string;
    cellEmpty: string;
    cellSkeleton: string;
    checkboxInput: string;
    columnHeader: string;
    columnHeader--alignCenter: string;
    columnHeader--alignLeft: string;
    columnHeader--alignRight: string;
    columnHeader--dragging: string;
    columnHeader--emptyGroup: string;
    columnHeader--filledGroup: string;
    columnHeader--filtered: string;
    columnHeader--last: string;
    columnHeader--moving: string;
    columnHeader--numeric: string;
    columnHeader--pinnedLeft: string;
    columnHeader--pinnedRight: string;
    columnHeader--sortable: string;
    columnHeader--sorted: string;
    columnHeader--withLeftBorder: string;
    columnHeader--withRightBorder: string;
    columnHeaderCheckbox: string;
    columnHeaderDraggableContainer: string;
    columnHeaders: string;
    columnHeaderTitle: string;
    columnHeaderTitleContainer: string;
    columnHeaderTitleContainerContent: string;
    columnSeparator: string;
    columnSeparator--resizable: string;
    columnSeparator--resizing: string;
    columnSeparator--sideLeft: string;
    columnSeparator--sideRight: string;
    columnsManagement: string;
    columnsManagementFooter: string;
    columnsManagementHeader: string;
    columnsManagementRow: string;
    columnsManagementSearchInput: string;
    container--bottom: string;
    container--top: string;
    detailPanel: string;
    detailPanels: string;
    detailPanelToggleCell: string;
    detailPanelToggleCell--expanded: string;
    editBooleanCell: string;
    editInputCell: string;
    filterForm: string;
    filterFormColumnInput: string;
    filterFormDeleteIcon: string;
    filterFormLogicOperatorInput: string;
    filterFormOperatorInput: string;
    filterFormValueInput: string;
    filterIcon: string;
    footerCell: string;
    footerContainer: string;
    groupingCriteriaCell: string;
    groupingCriteriaCellToggle: string;
    headerFilterRow: string;
    iconButtonContainer: string;
    iconSeparator: string;
    main: string;
    main--hasPinnedRight: string;
    menu: string;
    menuIcon: string;
    menuIconButton: string;
    menuList: string;
    menuOpen: string;
    overlay: string;
    overlayWrapper: string;
    overlayWrapperInner: string;
    panel: string;
    panelContent: string;
    panelFooter: string;
    panelHeader: string;
    panelWrapper: string;
    paper: string;
    pinnedColumns: string;
    pinnedRows: string;
    pinnedRows--bottom: string;
    pinnedRows--top: string;
    pinnedRowsRenderZone: string;
    root: string;
    root--densityComfortable: string;
    root--densityCompact: string;
    root--densityStandard: string;
    root--disableUserSelection: string;
    row: string;
    row--detailPanelExpanded: string;
    row--dragging: string;
    row--dynamicHeight: string;
    row--editable: string;
    row--editing: string;
    row--firstVisible: string;
    row--lastVisible: string;
    rowCount: string;
    rowReorderCell: string;
    rowReorderCell--draggable: string;
    rowReorderCellContainer: string;
    rowReorderCellPlaceholder: string;
    rowSkeleton: string;
    scrollArea: string;
    scrollArea--left: string;
    scrollArea--right: string;
    scrollbar: string;
    scrollbar--horizontal: string;
    scrollbar--vertical: string;
    selectedRowCount: string;
    sortIcon: string;
    toolbarContainer: string;
    toolbarFilterList: string;
    treeDataGroupingCell: string;
    treeDataGroupingCellToggle: string;
    virtualScroller: string;
    virtualScrollerContent: string;
    virtualScrollerContent--overflowed: string;
    virtualScrollerRenderZone: string;
    withBorderColor: string;
    withVerticalBorder: string;
}

Index

Properties

actionsCell aggregationColumnHeader aggregationColumnHeader--alignCenter aggregationColumnHeader--alignLeft aggregationColumnHeader--alignRight aggregationColumnHeaderLabel autoHeight autosizing booleanCell cell cell--editable cell--editing cell--flex cell--pinnedLeft cell--pinnedRight cell--rangeBottom cell--rangeLeft cell--rangeRight cell--rangeTop cell--selectionMode cell--textCenter cell--textLeft cell--textRight cell--withLeftBorder cell--withRightBorder cellCheckbox cellEmpty cellSkeleton checkboxInput columnHeader columnHeader--alignCenter columnHeader--alignLeft columnHeader--alignRight columnHeader--dragging columnHeader--emptyGroup columnHeader--filledGroup columnHeader--filtered columnHeader--last columnHeader--moving columnHeader--numeric columnHeader--pinnedLeft columnHeader--pinnedRight columnHeader--sortable columnHeader--sorted columnHeader--withLeftBorder columnHeader--withRightBorder columnHeaderCheckbox columnHeaderDraggableContainer columnHeaders columnHeaderTitle columnHeaderTitleContainer columnHeaderTitleContainerContent columnSeparator columnSeparator--resizable columnSeparator--resizing columnSeparator--sideLeft columnSeparator--sideRight columnsManagement columnsManagementFooter columnsManagementHeader columnsManagementRow columnsManagementSearchInput container--bottom container--top detailPanel detailPanels detailPanelToggleCell detailPanelToggleCell--expanded editBooleanCell editInputCell filterForm filterFormColumnInput filterFormDeleteIcon filterFormLogicOperatorInput filterFormOperatorInput filterFormValueInput filterIcon footerCell footerContainer groupingCriteriaCell groupingCriteriaCellToggle headerFilterRow iconButtonContainer iconSeparator main main--hasPinnedRight menu menuIcon menuIconButton menuList menuOpen overlay overlayWrapper overlayWrapperInner panel panelContent panelFooter panelHeader panelWrapper paper pinnedColumns pinnedRows pinnedRows--bottom pinnedRows--top pinnedRowsRenderZone root root--densityComfortable root--densityCompact root--densityStandard root--disableUserSelection row row--detailPanelExpanded row--dragging row--dynamicHeight row--editable row--editing row--firstVisible row--lastVisible rowCount rowReorderCell rowReorderCell--draggable rowReorderCellContainer rowReorderCellPlaceholder rowSkeleton scrollArea scrollArea--left scrollArea--right scrollbar scrollbar--horizontal scrollbar--vertical selectedRowCount sortIcon toolbarContainer toolbarFilterList treeDataGroupingCell treeDataGroupingCellToggle virtualScroller virtualScrollerContent virtualScrollerContent--overflowed virtualScrollerRenderZone withBorderColor withVerticalBorder

Properties

actionsCell

actionsCell: string

Styles applied to the root element of the cell with type="actions".

aggregationColumnHeader

aggregationColumnHeader: string

Styles applied to the root element of the column header when aggregated.

aggregationColumnHeader--alignCenter

aggregationColumnHeader--alignCenter: string

Styles applied to the root element of the header when aggregation if headerAlign="center".

aggregationColumnHeader--alignLeft

aggregationColumnHeader--alignLeft: string

Styles applied to the root element of the header when aggregation if headerAlign="left".

aggregationColumnHeader--alignRight

aggregationColumnHeader--alignRight: string

Styles applied to the root element of the header when aggregation if headerAlign="right".

aggregationColumnHeaderLabel

aggregationColumnHeaderLabel: string

Styles applied to the aggregation label in the column header when aggregated.

autoHeight

autoHeight: string

Styles applied to the root element if autoHeight={true}.

autosizing

autosizing: string

Styles applied to the root element while it is being autosized.

booleanCell

booleanCell: string

Styles applied to the icon of the boolean cell.

cell

cell: string

Styles applied to the cell element.

cell--editable

cell--editable: string

Styles applied to the cell element if the cell is editable.

cell--editing

cell--editing: string

Styles applied to the cell element if the cell is in edit mode.

cell--flex

cell--flex: string

Styles applied to the cell element in flex display mode.

cell--pinnedLeft

cell--pinnedLeft: string

Styles applied to the cell element if it is pinned to the left.

cell--pinnedRight

cell--pinnedRight: string

Styles applied to the cell element if it is pinned to the right.

cell--rangeBottom

cell--rangeBottom: string

Styles applied to the cell element if it is at the bottom edge of a cell selection range.

cell--rangeLeft

cell--rangeLeft: string

Styles applied to the cell element if it is at the left edge of a cell selection range.

cell--rangeRight

cell--rangeRight: string

Styles applied to the cell element if it is at the right edge of a cell selection range.

cell--rangeTop

cell--rangeTop: string

Styles applied to the cell element if it is at the top edge of a cell selection range.

cell--selectionMode

cell--selectionMode: string

Styles applied to the cell element if it is in a cell selection range.

cell--textCenter

cell--textCenter: string

Styles applied to the cell element if align="center".

cell--textLeft

cell--textLeft: string

Styles applied to the cell element if align="left".

cell--textRight

cell--textRight: string

Styles applied to the cell element if align="right".

cell--withLeftBorder

cell--withLeftBorder: string

Styles applied the cell if showColumnVerticalBorder={true}.

cell--withRightBorder

cell--withRightBorder: string

Styles applied the cell if showColumnVerticalBorder={true}.

cellCheckbox

cellCheckbox: string

Styles applied to the cell checkbox element.

cellEmpty

cellEmpty: string

Styles applied to the empty cell element.

cellSkeleton

cellSkeleton: string

Styles applied to the skeleton cell element.

checkboxInput

checkboxInput: string

Styles applied to the selection checkbox element.

columnHeader

columnHeader: string

Styles applied to the column header element.

columnHeader--alignCenter

columnHeader--alignCenter: string

Styles applied to the column header if headerAlign="center".

columnHeader--alignLeft

columnHeader--alignLeft: string

Styles applied to the column header if headerAlign="left".

columnHeader--alignRight

columnHeader--alignRight: string

Styles applied to the column header if headerAlign="right".

columnHeader--dragging

columnHeader--dragging: string

Styles applied to the floating column header element when it is dragged.

columnHeader--emptyGroup

columnHeader--emptyGroup: string

Styles applied to the empty column group header cell.

columnHeader--filledGroup

columnHeader--filledGroup: string

Styles applied to the column group header cell if not empty.

columnHeader--filtered

columnHeader--filtered: string

Styles applied to the column header if the column has a filter applied to it.

columnHeader--last

columnHeader--last: string

Styles applied to the last column header element.

columnHeader--moving

columnHeader--moving: string

Styles applied to the column header if it is being dragged.

columnHeader--numeric

columnHeader--numeric: string

Styles applied to the column header if the type of the column is number.

columnHeader--pinnedLeft

columnHeader--pinnedLeft: string

columnHeader--pinnedRight

columnHeader--pinnedRight: string

columnHeader--sortable

columnHeader--sortable: string

Styles applied to the column header if the column is sortable.

columnHeader--sorted

columnHeader--sorted: string

Styles applied to the column header if the column is sorted.

columnHeader--withLeftBorder

columnHeader--withLeftBorder: string

columnHeader--withRightBorder

columnHeader--withRightBorder: string

Styles applied the column header if showColumnVerticalBorder={true}.

columnHeaderCheckbox

columnHeaderCheckbox: string

Styles applied to the header checkbox cell element.

columnHeaderDraggableContainer

columnHeaderDraggableContainer: string

Styles applied to the column header's draggable container element.

columnHeaders

columnHeaders: string

Styles applied to the column headers.

columnHeaderTitle

columnHeaderTitle: string

Styles applied to the column header's title element;

columnHeaderTitleContainer

columnHeaderTitleContainer: string

Styles applied to the column header's title container element.

columnHeaderTitleContainerContent

columnHeaderTitleContainerContent: string

Styles applied to the column header's title excepted buttons.

columnSeparator

columnSeparator: string

Styles applied to the column header separator element.

columnSeparator--resizable

columnSeparator--resizable: string

Styles applied to the column header separator if the column is resizable.

columnSeparator--resizing

columnSeparator--resizing: string

Styles applied to the column header separator if the column is being resized.

columnSeparator--sideLeft

columnSeparator--sideLeft: string

Styles applied to the column header separator if the side is "left".

columnSeparator--sideRight

columnSeparator--sideRight: string

Styles applied to the column header separator if the side is "right".

columnsManagement

columnsManagement: string

Styles applied to the columns management body.

columnsManagementFooter

columnsManagementFooter: string

Styles applied to the columns management footer element.

columnsManagementHeader

columnsManagementHeader: string

Styles applied to the columns management header element.

columnsManagementRow

columnsManagementRow: string

Styles applied to the columns management row element.

columnsManagementSearchInput

columnsManagementSearchInput: string

Styles applied to the columns management search input element.

container--bottom

container--bottom: string

Styles applied to the bottom container.

container--top

container--top: string

Styles applied to the top container.

detailPanel

detailPanel: string

Styles applied to the detail panel element.

detailPanels

detailPanels: string

Styles applied to the detail panels wrapper element.

detailPanelToggleCell

detailPanelToggleCell: string

Styles applied to the detail panel toggle cell element.

detailPanelToggleCell--expanded

detailPanelToggleCell--expanded: string

Styles applied to the detail panel toggle cell element if expanded.

editBooleanCell

editBooleanCell: string

Styles applied to root of the boolean edit component.

editInputCell

editInputCell: string

Styles applied to the root of the input component.

filterForm

filterForm: string

Styles applied to the root of the filter form component.

filterFormColumnInput

filterFormColumnInput: string

Styles applied to the column input of the filter form component.

filterFormDeleteIcon

filterFormDeleteIcon: string

Styles applied to the delete icon of the filter form component.

filterFormLogicOperatorInput

filterFormLogicOperatorInput: string

Styles applied to the link operator input of the filter form component.

filterFormOperatorInput

filterFormOperatorInput: string

Styles applied to the operator input of the filter form component.

filterFormValueInput

filterFormValueInput: string

Styles applied to the value input of the filter form component.

filterIcon

filterIcon: string

Styles applied to the filter icon element.

footerCell

footerCell: string

Styles applied to the root element of the cell inside a footer row.

footerContainer

footerContainer: string

Styles applied to the footer container element.

groupingCriteriaCell

groupingCriteriaCell: string

Styles applied to the root element of the grouping criteria cell

groupingCriteriaCellToggle

groupingCriteriaCellToggle: string

Styles applied to the toggle of the grouping criteria cell

headerFilterRow

headerFilterRow: string

Styles applied to the column header filter row.

iconButtonContainer

iconButtonContainer: string

Styles applied to the column header icon's container.

iconSeparator

iconSeparator: string

Styles applied to the column header separator icon element.

main

main: string

Styles applied to the main container element.

main--hasPinnedRight

main--hasPinnedRight: string

Styles applied to the main container element when it has right pinned columns.

menuIcon

menuIcon: string

Styles applied to the menu icon element.

menuIconButton

menuIconButton: string

Styles applied to the menu icon button element.

menuList

menuList: string

Styles applied to the menu list element.

menuOpen

menuOpen: string

Styles applied to the menu icon element if the menu is open.

overlay

overlay: string

Styles applied to the overlay element.

overlayWrapper

overlayWrapper: string

Styles applied to the overlay wrapper element.

overlayWrapperInner

overlayWrapperInner: string

Styles applied to the overlay wrapper inner element.

panel

panel: string

Styles applied to the panel element.

panelContent

panelContent: string

Styles applied to the panel content element.

panelFooter

panelFooter: string

Styles applied to the panel footer element.

panelHeader

panelHeader: string

Styles applied to the panel header element.

panelWrapper

panelWrapper: string

Styles applied to the panel wrapper element.

paper

paper: string

Styles applied to the paper element.

pinnedColumns

pinnedColumns: string

Styles applied to the pinned columns.

pinnedRows

pinnedRows: string

Styles applied to the pinned rows container.

pinnedRows--bottom

pinnedRows--bottom: string

Styles applied to the bottom pinned rows container.

pinnedRows--top

pinnedRows--top: string

Styles applied to the top pinned rows container.

pinnedRowsRenderZone

pinnedRowsRenderZone: string

Styles applied to pinned rows render zones.

root

root: string

Styles applied to the root element.

root--densityComfortable

root--densityComfortable: string

Styles applied to the root element if density is "comfortable".

root--densityCompact

root--densityCompact: string

Styles applied to the root element if density is "compact".

root--densityStandard

root--densityStandard: string

Styles applied to the root element if density is "standard" (default).

root--disableUserSelection

root--disableUserSelection: string

Styles applied to the root element when user selection is disabled.

row

row: string

Styles applied to the row element.

row--detailPanelExpanded

row--detailPanelExpanded: string

Styles applied to the row if its detail panel is open.

row--dragging

row--dragging: string

Styles applied to the floating special row reorder cell element when it is dragged.

row--dynamicHeight

row--dynamicHeight: string

Styles applied to the row if it has dynamic row height.

row--editable

row--editable: string

Styles applied to the row element if the row is editable.

row--editing

row--editing: string

Styles applied to the row element if the row is in edit mode.

row--firstVisible

row--firstVisible: string

Styles applied to the first visible row element on every page of the grid.

row--lastVisible

row--lastVisible: string

Styles applied to the last visible row element on every page of the grid.

rowCount

rowCount: string

Styles applied to the footer row count element to show the total number of rows. Only works when pagination is disabled.

rowReorderCell

rowReorderCell: string

Styles applied to the root element of the row reorder cell

rowReorderCell--draggable

rowReorderCell--draggable: string

Styles applied to the root element of the row reorder cell when dragging is allowed

rowReorderCellContainer

rowReorderCellContainer: string

Styles applied to the row reorder cell container element.

rowReorderCellPlaceholder

rowReorderCellPlaceholder: string

Styles applied to the row's draggable placeholder element inside the special row reorder cell.

rowSkeleton

rowSkeleton: string

Styles applied to the skeleton row element.

scrollArea

scrollArea: string

Styles applied to both scroll area elements.

scrollArea--left

scrollArea--left: string

Styles applied to the left scroll area element.

scrollArea--right

scrollArea--right: string

Styles applied to the right scroll area element.

scrollbar

scrollbar: string

Styles applied to the scrollbars.

scrollbar--horizontal

scrollbar--horizontal: string

Styles applied to the horizontal scrollbar.

scrollbar--vertical

scrollbar--vertical: string

Styles applied to the horizontal scrollbar.

selectedRowCount

selectedRowCount: string

Styles applied to the footer selected row count element.

sortIcon

sortIcon: string

Styles applied to the sort icon element.

toolbarContainer

toolbarContainer: string

Styles applied to the toolbar container element.

toolbarFilterList

toolbarFilterList: string

Styles applied to the toolbar filter list element.

treeDataGroupingCell

treeDataGroupingCell: string

Styles applied to the root of the grouping column of the tree data.

treeDataGroupingCellToggle

treeDataGroupingCellToggle: string

Styles applied to the toggle of the grouping cell of the tree data.

virtualScroller

virtualScroller: string

Styles applied to the virtualization container.

virtualScrollerContent

virtualScrollerContent: string

Styles applied to the virtualization content.

virtualScrollerContent--overflowed

virtualScrollerContent--overflowed: string

Styles applied to the virtualization content when its height is bigger than the virtualization container.

virtualScrollerRenderZone

virtualScrollerRenderZone: string

Styles applied to the virtualization render zone.

withBorderColor

withBorderColor: string

Styles applied to cells, column header and other elements that have border. Sets border color only.

withVerticalBorder

withVerticalBorder: string

Styles applied the grid if showColumnVerticalBorder={true}.