title: Kendo UI not loading data
body: <p>I am using Kendo UI (Telerik UI for ASP.NET MVC R3 2018) and I attempt to load data into it but the grid appears only showing header columns without the data. I have also tried debugging but I can't figure what the problem is. I also tried <a href="https://stackoverflow.com/questions/28112387/mvc-kendo-grid-not-showing-any-data">this thread</a>  but it doesn't solve my problem.
  Below is what I have done and I am expecting the grid to show the data.</p>
  
  <p>Model</p>
  
  <pre><code>public partial class PlacementType
  {
      public byte Id { get; set; }
  
      [Display(Name = "Placement Name")]
      public string PlacementName { get; set; }
  
      [DataType(DataType.Date)]
      [Display(Name = "Date Created")]
      public DateTime? DateCreated { get; set; }
  
      [Display(Name = "Created By")]
      public string CreatedBy { get; set; }
  
      public string Description{get; set;}
   }
  </code></pre>
  
  <p>View</p>
  
  <pre><code>@(Html.Kendo().Grid&lt;PlacementType&gt;()
      .Name("Grid")
      .Columns(columns =&gt;
          {
              columns.Bound(c =&gt; c.PlacementName);
              columns.Bound(c =&gt; c.DateCreated);
              columns.Bound(c =&gt; c.CreatedBy);
              columns.Bound(c =&gt; c.Description);
          }
      )
      .HtmlAttributes(new { style = "height: 550px;" })
      .Scrollable()
      .Groupable()
      .Sortable()
      .Pageable(pageable =&gt; pageable.Refresh(true).PageSizes(true))
      .DataSource(dataSource =&gt; dataSource
          .Ajax()
          .Read(read =&gt; read.Action("Index", "PlacementType"))
          .PageSize(20)
      )
  )
  </code></pre>
  
  <p>Controller Action</p>
  
  <pre><code> public ActionResult Index()
   {
       List&lt;PlacementType&gt; types = db.PlacementTypes.ToList();
       return View(types);
   }
  </code></pre>