如何在一个列表jQuery中对行和列进行排序

Question

你知道如何在2轴的jquery中进行排序吗？我在列表中有行和列，就像这个screen一样。 我必须改变座位列和行。我试图从jQuery中使用sortable，但它只在一个轴上工作。

我尝试这样做：http://jsfiddle.net/edw6eqw2/1/

 <ul id="sortable">
  <li>
    <div class="title">KOLUMN A</div>
    <div class="second-col">KOLUMB B</div>
    <div class="main-payment">KOLUMN C</div>
    <div class="interest">KOLUMN D</div>
  </li>
  <li>
    <div class="title">KOLUMN A, ITEM 1</div>
    <div class="second-col">KOLUMN B, ITEM 1</div>
    <div class="main-payment">KOLUMN C, ITEM 1</div>
    <div class="ddd interest">KOLUMN D, ITEM 1</div>
  </li>
  <li>
    <div class="title">KOLUMN A, ITEM 2</div>
    <div class="second-col">KOLUMN B, ITEM 2</div>
    <div class="main-payment">KOLUMN C, ITEM 2</div>
    <div class="ddd interest">KOLUMN D, ITEM 2</div>
  </li>
       <li>
    <div class="title">KOLUMN A, ITEM 3</div>
    <div class="second-col">KOLUMN B, ITEM 3</div>
    <div class="main-payment">KOLUMN C, ITEM 3</div>
    <div class="ddd interest">KOLUMN D, ITEM 3</div>
  </li>
</ul>

<script>  
    $( "#sortable" ).sortable({
      axis: 'y'
    });
    $( "#sortable" ).disableSelection();

但我只能排序行。我还需要用D列替换整个C列。

感谢您的帮助。