@page "/"
@using MatBlazor
<MatTable Items=items ShowFooter="false" ShowPaging="false" PageSize=10>
<MatTableHeader>
<th>Label</th>
<th>Age</th>
</MatTableHeader>
<MatTableRow>
<td>@context.Label</td>
<td>@context.Age</td>
</MatTableRow>
</MatTable>
<MatTable Items=items ShowFooter="false" ShowPaging="false" PageSize=10 PageSizes="GetPageSizes()">
<MatTableHeader>
<th>Label</th>
<th>Age</th>
</MatTableHeader>
<MatTableRow>
<td>@context.Label</td>
<td>@context.Age</td>
</MatTableRow>
</MatTable>
@code{
List<Item> items = new List<Item>();
protected override async Task OnInitAsync()
{
items.Add( new Item{ Label="aaa", Age=23} );
items.Add( new Item{ Label="bbb", Age=33} );
items.Add( new Item{ Label="ccc", Age=43} );
items.Add( new Item{ Label="ddd", Age=53} );
items.Add( new Item{ Label="eee", Age=63} );
items.Add( new Item{ Label="fff", Age=73} );
items.Add( new Item{ Label="ggg", Age=83} );
}
public class Item
{
public string Label {get;set;}
public int Age {get;set;}
}
protected MatBlazor.BaseMatTable.PageSizeStructure [] GetPageSizes()
{
MatBlazor.BaseMatTable.PageSizeStructure[] sizes = new MatBlazor.BaseMatTable.PageSizeStructure[]
{
new MatBlazor.BaseMatTable.PageSizeStructure() { Text="10", Value = 10 }
};
return sizes;
}
}