2表格列交换可拖放和可拖放

Question

我想在两个表格中交换列。如果选择“a”并拖动所有“1”应该自动移动。 http://jsfiddle.net/9LGrm/

<table id="a"> 
    <tr>    
     <td>a</td>   
     <td>b</td> 
     <td>c</td> 
     <td>d</td> 
    </tr> 
</table> 
<table id="b"> 
    <tr>    
     <td>1</td>   
     <td>2</td> 
     <td>3</td> 
     <td>4</td> 
    </tr> 
    <tr> 

     <td>1</td>   
     <td>2</td> 
     <td>3</td> 
     <td>4</td> 
    </tr> 

</table> 

我已经尝试了这个插件。

http://www.danvk.org/wp/dragtable/

https://github.com/jebaird/dragtable

它使用单一的表，我不能改变表的结构！

Answer 1

这是Solution。

的HTML：

<table class="draggable" id="a"><thead><tr> 

<th>a</th> 
<th>b</th> 
<th>c</th> 
<th>d</th> 

</tr></thead> 
<tbody> 
<tr> 

<td>1</td><td>2</td><td>3</td> 
<td>4</td> 

</tr> 
<tr> 

<td>1</td><td>2</td><td>3</td> 
<td>4</td> 

</tr> 
<tr> 

<td>1</td><td>2</td><td>3</td> 
<td>4</td> 

</tr> 



</tbody><tfoot></tfoot></table> 

的CSS：

#a 
{ 
border: 1px black; 
} 

th{font-weight:normal;} 

希望这有助于。