Blazor/Documentation/docusaurus/docs/view-data/html-table.md

sidebar_position	title
5	HTML table

Use an HTML table

Now that we have displayed one of the fields of our object, we are going to display all the information.

Open the List.razor file and fill it in as follows:

@page "/list"

<h3>List</h3>

@if (items != null)
{
// highlight-start
    <table class="table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Display Name</th>
                <th>Stack Size</th>
                <th>Maximum Durability</th>
                <th>Enchant Categories</th>
                <th>Repair With</th>
                <th>Created Date</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in items)
            {
                <tr>
					<td>@item.Id</td>
                    <td>@item.DisplayName</td>
                    <td>@item.StackSize</td>
                    <td>@item.MaxDurability</td>
                    <td>@(string.Join(", ", item.EnchantCategories))</td>
                    <td>@(string.Join(", ", item.RepairWith))</td>
                    <td>@item.CreatedDate.ToShortDateString()</td>
                </tr>
            }
        </tbody>
    </table>
// highlight-end
}

You have now displayed all of your data, it is simple but lacks functionality, impossible to sort the data or filter it or have pagination.