Data API and DataTables plugin for jQuery with ASP.NET

        public async Task<IActionResult> DataAPI()
        {
            var apiKey = "YOUR_API_KEY";
            var apiData = await getDataFromApi(apiKey); 

            return View(apiData);
        }

        private async Task<dynamict> getDataFromApi(string apiKey)
        {
            using (HttpClient httpClient = new HttpClient())
            {
                try
                {
                    var request = new HttpRequestMessage(HttpMethod.Get, "https://opend.data.go.th/get-ckan/datastore_search?resource_id=0c2aa4d6-90ef-405f-acf2-20507ced4fab");
                    request.Headers.Add("api-key", apiKey);

                    var content = new StringContent("{\r\n  \"Project_No\": \"GBA3\"\r\n}", null, "application/json");
                    request.Content = content;

                    var response = await httpClient.SendAsync(request);
                    response.EnsureSuccessStatusCode();

                    if (response.IsSuccessStatusCode)
                    {
                        string jsonContent = await response.Content.ReadAsStringAsync();
                        dynamic apiData = JsonConvert.DeserializeObject(jsonContent);
                        return apiData;
                    }
                    .else
                    {
                        return new { message = response.ToString() };
                    }
                }
                catch (Exception ex)
                {
                    .return .new {message = ex.Message};
                }
            }
        }

@model dynamic

<table id="example" class="table table-striped" style="width:100%">
    <thead>
        <tr>
                <th scope="row">No</th>
                <th scope="row">Province</th>
                <th scope="row">Region MOPH</th>
                <th scope="row">Region RDPB</th>
                <th scope="row">Provincial Cluster</th>
        </tr>
    </thead>
    <tbody>
            @if (Model != null && Model.result != null)
                 {
                   foreach (var record in Model.result.records)
                     {
                       <tr>
                       <th scope="row">@record.ProvinceNo</th>
                       <td>@record.ProvinceNameThai</td>
                       <td>@record.Region_VaccineRollout_MOPH</td>
                       <td>@record.Region_RDPB</td>
                       <td>@record.ProvincialClusterName</td>
                       </tr>
                     }
                 }
    </tbody>
    <tfoot>
        <tr>
            <th scope="row">No</th>
            <th scope="row">Province</th>
            <th scope="row">Region MOPH</th>
            <th scope="row">Region RDPB</th>
            <th scope="row">Provincial Cluster</th>
        </tr>
    </tfoot>
</table>

<script type="text/javascript">
     $(document).ready(function () {
        $('#example').DataTable();
     });
</script>