I have a situation where I have a for loop that creates my html table from my datamodel which gets the data from SQL server express. I would like to know if it is possible to create a auto refresh method where the table data only gets refreshed and not the full page, if not then maybe a method that OnClick button will retrieve the latest data from datamodel and update the table accordingly.
I'm new to blazor and C# so any help would be appreciated, my current page structure currently looks as follows:
@page "/employees"@using DataLib;@inject IEmployeeData _db@if (employees is null){<p style="color:white;"><em>Loading . . .</em></p>}else{<table class="table" id="myTable"><thead><tr><th>Entry Date</th><th>Employee</th></tr></thead><tbody> @foreach (var employee in employees) {<tr><td>@employee.EntryDate</td><td>@employee.POI</td></tr> }</tbody></table>}@code{ private List<EmployeeModel> employees; protected override async Task OnInitializedAsync() { employees = await _db.GetEmployee(); }}The above works perfect when I'm loading this page and when I do a manual refresh.
Is there a way that you guys can maybe assist me?
Thanks.