Custom Javascript based Grid bind data

Hello All,

I am trying to use a javascript based grid called W2UI and I am able to view the sample grid with MS CRM 2016 when I add it to a webresource.  I would like to display records from a custom entity  with the following fetch xml 

<fetch mapping="logical" aggregate="true" version="1.0">
  <entity name="nw_timeentry">
    <attribute name="nw_tedate" groupby='true' dategrouping='year' alias='year' />
    <attribute name="nw_tedate" groupby="true" dategrouping='month' alias='month' />
    <attribute name="nw_tehours" alias="TEHours" aggregate="sum" />
    <attribute name="TEFee" alias="TEFee" aggregate="sum" />
    <attribute name="TEexp" alias="TEExp" aggregate="sum" />
    <filter>
      <condition attribute="nw_id" operator="not-null" />
    </filter>
  </entity>
</fetch>

Grid:  http://w2ui.com/web/demo/grid 

I don't know how to bind the data from this fetchxml back to the grid.  On this grid there is an event called OnLoad which accepts json data to display during runtime.  If anybody can guide me a way to proceed further that would be great.