Question

我想在两个表中交换列。如果＆＃34; a＆＃34;被选中并拖动所有＆＃34; 1＆＃34;应该自动移动。 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;}

希望这有帮助。

两个表列交换可拖动和可放置

1 个答案: