Hello,
I have been trying to set pager to data table for 2 days. I have managed to arrange pager but pager buttons doesn’t work here is my code;
var gridVehicle ={
view: “datatable”,
id: “gridVehicle”,
css: “subgrid”,
select: “row”,
editable: false,
resizeColumn: true,
resizeRow: false,
container: “grid_vehicle_container”,
columns: [
//{ id: “id”, width: 60, css: { ‘text-align’: ‘right’ }, header: { text: “#”, css: {
‘text-align’: ‘center’ } } },
{id: “label”, width: 120, header: “label” },
{ id: “plate”, width: 150, header: “plate” },
{id: “loctime”, width: 200, header: “loctime” },
{ id: “location”, width: 140, header: “location” },
{ width: 10, header: “”, fillspace: true }
],
select: “row”,
navigation: true,
// autowidth: true, autoheight: true,
url: "../../../services/Vehicles.asmx/GetAllVehicles",
headerRowHeight: 30,
rowHeight: 25,
pager: "pagerA",
select:"row"
};
var pagerAdapter = {
view: “pager”, id: “pagerA”,
size: 15,
group: 5,
container: “paging_container”,
template: “{common.prev()} {common.pages()} {common.next()}”,
}
.
.
.
{ view: “template”, id: “grid_vehicle_container”, autowidth: true,autoheight:true }, //Row
{ view: “template”, id: “paging_container”}, //Row
Also datatable cant be set properly