javascript - 两个表列互换可拖动和可放置

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

这是解决方案。

的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;}

希望这可以帮助。