title: Sorting kendo grid on multiple columns
body: <p>i have a kendo grid. When the page loads, by default i want to sort the grid by column1 <strong>then by</strong> column2 in descending order.</p>
  
  <p><strong>Issue:</strong>
  Its sorting as expected however sort arrow shows up on last sorted column. So in the case below when the page loads the sort arrow is on "DueDate" instead of "DownloadDate"</p>
  
  <pre><code> @(Html.Kendo().Grid&lt;TrackingVM&gt;()
      .Name("Grid")
      .Columns(col =&gt;
      {
          col.Bound(p =&gt; p.ID).Hidden();
          col.Bound(p =&gt; p.Year);
          col.Bound(p =&gt; p.State);                        
          col.Bound(p =&gt; p.DueDate).Format("{0:MM/dd/yyyy}");
          col.Bound(p =&gt; p.DownloadDate).Format("{0:MM/dd/yyyy}");            
      })
      .AutoBind(false)
      .Pageable(x =&gt; x.PageSizes(UISettings.PageSizes))
      .Sortable(x =&gt; x.AllowUnsort(false))
      .Resizable(resizing =&gt; resizing.Columns(true))
      .Scrollable(s =&gt; s.Height("auto"))
      .DataSource(dataSource =&gt; dataSource
          .Ajax()            
          .Sort(x =&gt; x.Add(y=&gt;y.DownloadDate).Descending()).Sort(x=&gt;x.Add(y=&gt;y.DueDate).Descending())
          .Read(read =&gt; read
              .Action("GetData", "Tracking"))
      .ServerOperation(false))
  )
  </code></pre>