MatBlazor - Material Design components for Blazor and Razor Components
13

MatTable

Mat Table display a table data.

Name Type Description
TableItem Generic argument
ApiUrl String Specifies the API Url form for the table data
Class String Specifies one or more classnames for an DOM element.
DebounceMilliseconds Int32 Specifies the delay duration between user input on the Search Term Field. Default 800
Descending Boolean
DescendingParamName String
FilterByColumnName String Specifies which column is used for the filter / search term. If this is populated the Search Textbox will be visible.
Items IEnumerable<TableItem> Specifies the data for the table.
LoadInitialData Boolean Specifies where to Load the Initial Table Data
MatTableHeader RenderFragment
MatTableRow RenderFragment<TableItem>
PageParamName String
PageSize Int32 The number of rows per page.
PageSizeParamName String
PageSizes PageSizeStructure[] Not Functioning
PagingDataPropertyName String
PagingRecordsCountPropertyName String
RequestApiOnlyOnce Boolean Specifies whether to Request the API only once.
SearchTermFieldLabel String Specifies the Label for the Filter / Search Term Textbox
SearchTermFieldPlaceHolder String Specifies the Placeholder for the Filter / Search Term Textbox
SearchTermParamName String
ShowFooter Boolean Specifies the Table Footer visibility.
ShowPaging Boolean Specifies the Paging visibility
SortBy String
SortByParamName String
Striped Boolean Determines if table has alternating color rows.
Style String Specifies an inline style for an DOM element.
Ref ElementRef Returned ElementRef reference for DOM element.
Example
Name Price Horsepower
Volkswagen Golf $10000.00 220
Volkswagen Passat $11000.00 240
Volkswagen Polo $12000.00 110
Ford Focus $13000.00 200
Ford Fiesta $14000.00 160
Items per page:
Page 1 of 2
Filter Example, Pull Data from API
filter_list
Id Todo Completed
1 delectus aut autem False
2 quis ut nam facilis et officia qui False
3 fugiat veniam minus False
4 et porro tempora True
5 laboriosam mollitia et enim quasi adipisci quia provident illum False
Items per page:
Page 1 of 40
If you like MatBlazor, please put a star on GitHub.