Data table error - ERROR TypeError: val.slice is not a function
ERROR TypeError:
val.slice is not a function
dataTable configuration
$.p-dataTable #dt [value]="customers" [(selection)]="chkBoxSelect"
dataKey="customerId" [rows]="10" [paginator]="true"
paginatorPosition="both" [pageLinks]="5" [rowsPerPageOptions]="[5,10,20]"
[globalFilter]="gb" [headerCheckboxToggleAllPages]="false"
[editable]="true" exportFilename="customers" [lazy]="true"
[totalRecords]="totalRecords" onLazyLoad)="loadCustomersByPage($event)"
Callback function
$loadCustomersByPage(event: LazyLoadEvent) {
const parameters = "?page=" + event.first + "&size=" + (event.first + event.rows);
this._cs.findAllActiveCustomerDetailsByPage(parameters).subscribe(
(data: any) => {
this.customers = data;
},
(error) => {
console.log("--error--" + error)
}
);
}
+3
source to share
2 answers
It looks like the data is not formatted correctly.
This is how your data object assigned to the table should look like this:
let cars = [
{"brand": "VW", "year": 2012, "color": "Orange", "vin": "dsad231ff"},
{"brand": "Audi", "year": 2011, "color": "Black", "vin": "gwregre345"},
{"brand": "Renault", "year": 2005, "color": "Gray", "vin": "h354htr"},
{"brand": "BMW", "year": 2003, "color": "Blue", "vin": "j6w54qgh"},
{"brand": "Mercedes", "year": 1995, "color": "Orange", "vin": "hrtwy34"},
{"brand": "Volvo", "year": 2005, "color": "Black", "vin": "jejtyj"},
{"brand": "Honda", "year": 2012, "color": "Yellow", "vin": "g43gr"},
{"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34"},
{"brand": "Ford", "year": 2000, "color": "Black", "vin": "h54hw5"},
{"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s"}
]
+1
source to share