HxListLayout

Data presentation component composed of HxGrid for data, HxOffcanvas for manual filtering and HxNamedViewList for pre-defined filters.

Basic example #

Culture infos
LCIDDisplayNameNameEnglishName
Edit:

Title template #

Culture infos 830
LCIDDisplayNameNameEnglishName
Edit:
Culture infos
LCIDDisplayNameNameEnglishName
Edit:

Named views #

Filter
LCIDDisplayNameNameEnglishName
Edit:

API

Parameters

Name Type Description
CardSettings CardSettings Settings for the wrapping HxCard.
CommandsTemplate RenderFragment
CssClass string Additional CSS classes for the wrapping div.
DataTemplate RenderFragment
DetailTemplate RenderFragment
FilterModel TModel
FilterModelChanged EventCallback<TModel>
FilterOffcanvasSettings OffcanvasSettings Settings for the HxOffcanvas with the filter.
FilterOpenButtonSettings ButtonSettings Settings for the HxButton opening filtering offcanvas.
FilterSubmitButtonSettings ButtonSettings Settings for the HxButton submitting the filter.
FilterTemplate RenderFragment<TModel>
NamedViewsTemplate RenderFragment
SearchTemplate RenderFragment
Settings ListLayoutSettings Set of settings to be applied to the component instance (overrides HxListLayout.Defaults, overriden by individual parameters).
Title string
TitleTemplate RenderFragment

Static properties

Property Type Description
Defaults ListLayoutSettings Application-wide defaults for HxListLayout and derived components.

CSS Variables

Name Description Default
--hx-list-layout-table-font-size Table font size. .875rem
An unhandled error has occurred. Reload 🗙