JQuery data table not working in my Blazor and .NET core project

I have figured it out:

In my _Host.cshtml I have this code:

<script>
 function DataTable() {
  $(document).ready(function () {
   $('#carTable').DataTable();
  });
 }
 </script>

Then in my CarData.razor I call this method like this:

 protected override async Task OnInitAsync()
 {

        await JSRuntime.InvokeAsync<object>("DataTable");
 }

Don't forget to inject the library in your page:

@inject IJSRuntime JSRuntime

Related