GridSettings #

Settings for the HxGrid and derived components.

API #

Other properties #

Name Type Description
ContentNavigationMode GridContentNavigationMode? Strategy for displaying and loading data in the grid.
FooterRowCssClass string Custom CSS class to render with the footer tr element.
HeaderRowCssClass string Custom CSS class to render with the header tr element.
Hover bool? Enables the hover state on table rows within a <tbody> (sets the table-hover class on the table).
ItemRowCssClass string Custom CSS class to render with the 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 helps to reduce the frequency of rendering during scrolling. However, higher values mean that more elements will be present on 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.
ProgressIndicatorDelay int? Delay in milliseconds before the progress indicator is displayed.
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 the footer when data is 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 the div element wrapping the main table (HxPager is not wrapped in this div element).
TableCssClass string Custom CSS class to render with the main table element.
TableHeaderCssClass string Custom CSS class for the thead element of the grid.
An unhandled error has occurred. Reload 🗙