Sortable Table

working stuff

by Konstantin Heinrich

HTML

<table>
    <thead>
        <tr>
            <th>
                <span>Order</span>
                <span>Id</span>
                <span>Name</span>
                <span>Price</span>
            </th>
        </tr>
    </thead>
<tbody>
    <tr id="oneList" class="connected">
        <td id="1">   
            <div>
                    <span id="1">1</span>
                    <span>4711</span>
                    <span>Pizza</span>
                    <span>4$</span>
            </div>
        </td>
    </tr>
    <tr id="secList" class="connected">
        <td id="2">   
            <div>
                    <span>2</span>
                    <span>4712</span>
                    <span>Chips</span>
                    <span>2.5$</span>
            </div>
        </td>
    </tr>
 </tbody>
</table>

CSS

span{margin-left:10px;}
.connected{
    
}

JavaScript

$(function () {
      $("#oneList, #secList").sortable({
          connectWith: ".connected",
           start: function () {
              //something
          },
          stop: function () {
              var oneValue = $('#oneList').sortable("toArray");
              var secValue = $('#secList').sortable("toArray");
           
              alert(oneValue + "\n " + secValue );
          },
         

      }).disableSelection();
  });