title: Kendo ui grid datasource for nested json
body: <p>Lets say i had a json format like this</p>
  
  <pre><code>$(document).ready(function ()
  {
      $('#grid').kendoGrid(
      {
          scrollable: false,
          dataSource: {data: [{ test: 1, data: [ { "TestHeader": "This is some test data"} ] }]},
          columns: [ { field: 'TestHeader' } ]
      });
  });
  </code></pre>
  
  <p>how do i get the testHeader field to display on kendoui grid?
  if the json data is like this</p>
  
  <pre><code>{ test: 1, data: [ { "TestHeader": "This is some test data"} ] }
  </code></pre>
  
  <p>it would work, but not if it is nested like this </p>
  
  <pre><code>{data: [{ test: 1, data: [ { "TestHeader": "This is some test data"} ] }]}
  </code></pre>
  
  <p>I can't control what server return, so i can't change the return json, so how can i get this done?</p>