To add more info i am using React + Redux. Below are the grid options. It works fine as long as i dont use any state.
const gridOptions = {
dataSource: {
type: "odata-v4",
transport: {
read: https://localhost:8704/site/vehicles/all
},
schema: {
data: "value",
total: "count"
},
pageSize: 15,
serverPaging: true,
serverFiltering: true,
serverSorting: true
},
toolbar: ["excel","pdf"],
excel: {
fileName: window.resources.dbRes('AllVehicles') + ".xlsx",
filterable: true,
allPages: true
},
pdf: {
fileName: window.resources.dbRes('AllVehicles') + ".pdf",
filterable: false,
allPages: true,
avoidLinks: true,
paperSize: "A3",
margin: { top: "2cm", left: "1cm", right: "1cm", bottom: "1cm" },
landscape: true,
repeatHeaders: true,
scale: 0.8
},
filterable: true,
sortable: true,
pageable: true,
columnMenu: true,
columns: columns,
reorderable: true,
resizable: true,
selectable: true,
columnHide: this.handleColumnHideEvent
}