You can customize the TreeList appearance and behavior through the various templates it provides so you can add more details for your users - such as format numbers and dates, show images and so on.
The TreeList component can use templates for:
columns (cells) - the rendering of each cell (column). You can, for example, change string formats or add your own components.
editing of a cell - when a cell is in edit mode, it will render this template where you can use custom editors, components and logic.
rows - the entire rendering of the
trelement of the row, so you can fully customize the treelist behavior and rendering.
column header - the title portion of the column.
filter - the content of the filter cell or filter menu where you can implement custom rendering and logic for the filters.
no data available - when the TreeList Data collection is empty or null, you can customize the content inside.
Like other Blazor content, most of them can receive a
context argument that is the type of the model. To use templates, you must bind the treelist to a named model. The filter and header templates are the exception as they are not related to rows and models.
You must make sure to provide valid HTML in the templates.