title: asp core kendo ui grid not showing data
body: <p>I have a kendo ui grid that uses the razor model to get its data. The grid is showing the correct column name, however, it is not showing any data. I can verify that data is being returned but the grid is not rendering it. I have followed this sample: <a href="https://demos.telerik.com/aspnet-core/grid/local-data-binding" rel="nofollow noreferrer">Link to sample</a>, </p>
  
  <p>Below is the code for startup, controller and cshtml page. </p>
  
  <p>The project is running on .NET Core 2.0 and the controller inherits from Microsoft.AspNetCore.Mvc.Controller, where the sample inherits from BaseController.</p>
  
  <p>Any help appreciated! thanks in advance.</p>
  
  <p>Startup.cs - Configure:</p>
  
  <pre><code>    // Configure Kendo UI
      app.UseKendo(env);
  </code></pre>
  
  <p>Startup.cs - ConfigureServices:</p>
  
  <pre><code>services.AddMvc()
          .AddJsonOptions(options =&gt;
           options.SerializerSettings.ContractResolver = new DefaultContractResolver());
  
          //Add Kendo UI services to the services container
          services.AddKendo();
  </code></pre>
  
  <p>CONTROLLER:</p>
  
  <pre><code> var response = _personService.LoadById(id).Result;
   return View(response);
  </code></pre>
  
  <p>CSHTML:</p>
  
  <pre><code>    @(Html.Kendo().Grid&lt;Pet&gt;(Model.Person.Pets)
                     .Name("Grid")
                     .Columns(columns =&gt;
                     {
                         columns.Bound(p =&gt; p.Name).Title("Pet Name");
                     })
                     .Pageable()
                     .Sortable()
                     .Scrollable(scr =&gt; scr.Height(430))
                     .Filterable()
                     .DataSource(dataSource =&gt; dataSource
                         .Ajax()
                         .PageSize(20)
                         .ServerOperation(false)
                      )
                  )
  </code></pre>