title: Move Table Rows
body: <p><img src="https://i.stack.imgur.com/SUi34.png" alt="enter image description here"></p>
  
  <p>I have my table like this, I want to move up and down these rows on click these arrows can anybody help me out ......</p>
  
  <pre><code>function MoveRowDown(tableId, index)
  {
      var rows = $("#" + tableId + " tr");
  
      rows.eq(index).insertAfter(rows.eq(index + 1));
  }
  
  function MoveRowUp(tableId, index)
  {           
      var rows = $("#" + tableId + " tr");
  
      rows.eq(index).insertBefore(rows.eq(index - 1));
  }
  
  
  int ItemSetupID = EBusiness.GetCommonSetupID(this.Data.WFID, EBusiness.CommonSetupID.ItemSetup);
  
  MModules objItemSetupModules = new MModules();
  
  objItemSetupModules.LoadModules(ItemSetupID);
  
  StringBuilder ret = new StringBuilder(4000);
  
  
  ret.Append("&lt;table class=\"box-table-a\"&gt;&lt;tr&gt;&lt;td&gt;&lt;img id=\"left\" src=\"../../images/downarrow.png\" onclick=\"MoveRowDown(tableId,index);\"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;");
  
  ret.Append("&lt;table id=\"tableId\" class=\"box-table-a\"&gt;&lt;tr&gt;&lt;th&gt;Items&lt;/th&gt;&lt;/tr&gt;");
  int index = 0;
  
  foreach (MModule module in objItemSetupModules.Modules)
  {
      ret.Append("&lt;tr&gt;&lt;td&gt;&lt;input type=\"hidden\" name=\"Items" + module.ModuleID + "\" id=\"Items" + module.ModuleID + "\"  /&gt;");
  
      ret.Append("&lt;tr&gt;&lt;td&gt;&lt;input type=\"hidden\" name=\"index" + index + "\" id=\"index" + index + "\" /&gt;");
  
      ret.Append("&lt;a href=\"#\" class=\"lnkShowFilter\" onclick=\"$('#index" + index + "').val('#index" + index + "'); $('.lnkShowFilter').css('color', '#000000');this.style.color='#FF0000';ShowFilterSaleMargin('" + module.TableName + "', '" + module.Title + "', 'divFilter" + module.ModuleID + "')\"&gt;");
      ret.Append("" + module.Title + "&lt;/a&gt; ");
      ret.Append("&lt;input type=\"hidden\" id=\"hidShowFilter" + module.Title + "\" value=\"false\" /&gt;");
      ret.Append("&lt;div id=\"divFilter" + module.ModuleID + "\" style=\"text-align:left;border:1px SOLID #333333;background-color:White;display:none;position:absolute;\"&gt;");
      ret.Append("&lt;div id=\"sdivFilter" + module.ModuleID + "\" style=\"border:1px SOLID #EEEEEE;background-color:#AAAABB; width:150px;height:100px;overflow-y:auto;\"&gt;&lt;/div&gt;");
      ret.Append("&lt;input type=\"button\" value=\" OK \" class=\"button\" onclick=\"$('#' + openedDivID).hide();GetItemData('" + module.ModuleID + "', '" + module.Title + "');\" /&gt;");
      ret.Append("&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;");
      index++;
  }
  
  ret.Append("&lt;/table&gt;&lt;/td&gt;&lt;td&gt;");
  ret.Append("&lt;table class=\"box-table-a\"&gt;&lt;tr&gt;&lt;th&gt;Data&lt;/th&gt;&lt;/tr&gt;");
  
  foreach (MModule module in objItemSetupModules.Modules)
  {
      ret.Append("&lt;tr id=\"tdModule" + module.ModuleID + "\"&gt;&lt;td &gt;&lt;/td&gt;&lt;/tr&gt;");
  }
  
  ret.Append("&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;img id=\"left\" src=\"../../images/uparrow.png\" onclick=\"MoveRowUp(tableId, index);\"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;");
  this.Output = ret.ToString();
  </code></pre>