Settings for the HxGrid
and derived components.
Name | Type | Description |
---|---|---|
ContentNavigationMode | GridContentNavigationMode? |
Strategy how data are displayed in the grid (and loaded to the grid). |
FooterRowCssClass | string |
Custom CSS class to render with footer tr element. |
HeaderRowCssClass | string |
Custom CSS class to render with header tr element. |
Hover | bool? |
Enables hover state on table rows within a <tbody> (sets the table-hover class on the table). |
ItemRowCssClass | string |
Custom CSS class to render with data tr element. |
ItemRowHeight | float? |
Height of the item row used for infinite scroll calculations (GridContentNavigationMode.InfiniteScroll ). |
LoadMoreButtonSettings | ButtonSettings |
Settings for the "Load more" navigation button (GridContentNavigationMode.LoadMore or GridContentNavigationMode.PaginationAndLoadMore ). |
OverscanCount | int? |
Infinite scroll (GridContentNavigationMode.InfiniteScroll ):
Gets or sets a value that determines how many additional items will be rendered
before and after the visible region. This help to reduce the frequency of rendering
during scrolling. However, higher values mean that more elements will be present
in the page. |
PagerSettings | PagerSettings |
Pager settings. |
PageSize | int? |
Page size for GridContentNavigationMode.Pagination , GridContentNavigationMode.LoadMore and GridContentNavigationMode.PaginationAndLoadMore . Set 0 to disable paging. |
PlaceholdersRowCount | int? |
Number of rows with placeholders to render. |
Responsive | bool? |
Allows the table to be scrolled horizontally with ease across any breakpoint (adds the table-responsive class to the table). |
ShowFooterWhenEmptyData | bool? |
Indicates whether to render footer when data are empty. |
SortAscendingIcon | IconBase |
Icon to indicate ascending sort direction in column header. |
SortDescendingIcon | IconBase |
Icon to indicate descending sort direction in column header. |
Striped | bool? |
Adds zebra-striping to any table row within the <tbody> (alternating rows). |
TableContainerCssClass | string |
Custom CSS class to render with div element wrapping the main table
(HxPager is not wrapped in this div element). |
TableCssClass | string |
Custom CSS class to render with main table element. |