New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs 
Metronic 9 datatable with angular 18, laravel
I am trying to use Metronic datatable however i am getting my data inside response['data']['data']. How do i set my table's data to this key and also i am getting nextPage, lastPage links from backend only through the api. Need to set those too.
i am using kt datatable if i get data in response['data'] then data does get set but below is
api response, i checked through the documentation and everything but there are no proper steps provided. please help
Replies (1)
Hi Shrikanth Eligeti
We use Angular Datatables plugin from:
<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
dtOptions: DataTables.Settings = {
serverSide: true,
processing: true,
ajax: (params, callback) => {
const query = { page: params.start / params.length + 1, perPage: params.length };
this.http.get("your-api-url", { params: query }).subscribe((res: any) => {
callback({
recordsTotal: res.data.total,
recordsFiltered: res.data.total,
data: res.data.data,
});
});
},
columns: [
{ title: "ID", data: "id" },
{ title: "Name", data: "name" },
{ title: "Email", data: "email" },
],
};This maps your API data to the table and handles pagination. Let me know if you need more help.
