GridSettings #

Settings for the HxGrid and derived components.

API #

Other properties #

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.
An unhandled error has occurred. Reload 🗙