I've been working with a Telerik sortable Grid in an ASP.Net Core 2 Angular 2 SPA, the data I'm attempting to implement a working instance of this with the fetchdata.component that comes with the initial rendering of the Angular 2 SPA. I've been able to load data into the grid but the data only seems to populate after a filter field is activated by mouse click. On initial load the grid will show up empty with 'No records available' under the first column leaving all other non-header data empty.
I have noticed that there's an example for data binding OData sources on the Telerik site however the super(null) for northwind.service.ts received an error suggesting that a null value wouldn't be permitted thus I wasn't able to experiment much with the code. Attached below is my attempt so far to code the typescript and html files for the Telerik sorting grid. Again, this gets me as far as the grid receiving data however the initial load is not populating the data. As far as I can tell the OData example implies that I might need to feed a BehaviorSubject array to the gridView but I'm not entirely sure whether that's baked in as a requirement or whether its relevant to an http.get from ASP.Net and Entity Framework. Let me know if you have any suggestions on how this needs to be rearranged or what I'd need to add in order to get this up and running properly. Thank you!