title: How to re-order the kendo rows by dragging and dropping
body: <p>i want to re-order my rows using drag and drop functionality of kendo, rows are generated using Kendo, and i am able to drag, means i am able to grab a row, but when i drop it somewhere in the table, the rows position does not change it remains same.code from which rows are generated is</p>
  
  <pre><code>@(Html.Kendo().Grid &lt; WorkItemsGrid &gt; ().Name("workItemsGrid").Events(e =&gt; e.DataBound("onDataBound"))
      .Columns(c =&gt; {
  
          c.Bound(i =&gt; i.Priority).ClientTemplate("#= GetArrow(Priority)#");
          c.Bound(i =&gt; i.Order);
          c.Bound(i =&gt; i.EpicTitle).Title("Epic");
          c.Bound(i =&gt; i.Type).ClientTemplate("#= GetType(Type)#");
          c.Bound(i =&gt; i.Code).ClientTemplate("#= SetEdit(ItemsId, Code)#");
  
          c.Bound(i =&gt; i.Title).ClientTemplate("#= length(Title)#");;
          c.Bound(i =&gt; i.State);
          c.Bound(i =&gt; i.Estimation).ClientTemplate("#= sum(Estimation)#");
          c.Bound(i =&gt; i.ItemsId).HtmlAttributes(new {
              @class = "rowId"
          }).Hidden();
      }).Scrollable().Reorderable(x =&gt; x.Columns(true))
      .DataSource(d =&gt; d
          .Ajax()
          .Read(r =&gt; r.Action("Get", "Items", new {
              projectId = ViewBag.projectId, selectedSprintId = ViewBag.selectedSprint
          }))
      )
  );
  </code></pre>
  
  <p>Databound Javascrip:</p>
  
  <pre><code>function onDataBound(e) {
  
      var grid = this;
      var currentRecords = grid.dataSource.view();
      for (var i = 0; i &lt; currentRecords.length; i++) {
  
          if (!currentRecords[i].activeInd) {
              var row = grid.tbody.find("tr[data-uid='" + currentRecords[i].uid + "']");
              row.addClass("item-row");
  
              row.draggable({
                  cursorAt: {
                      left: 75
                  },
                  containment: ".grid-view",
                  cursor: "-webkit-grabbing",
                  start: function() {
                      $(this).hide();
                  },
                  stop: function() {
                      $(this).show();
                  },
                  helper: function() {
                      return $('&lt;div id="' + $(this).find(".rowId").html() + '" class="holder k-grid"&gt;&lt;table&gt;&lt;/table&gt;&lt;/div&gt;').find('table').append($(this).clone()).end().appendTo('body');
                  }
              });
          }
      }
  }
  </code></pre>
  
  <p>How can change the order by dragging and dropping rows?
  I am new to kendo, it was generated previously by some other developer which is not available today</p>