Este es el código HTML de la tabla:
Código HTML:
<table id="tabla1" style="margin-top: 20px; margin-left: 20px;">
<?php
$consulta = "SELECT * FROM Asignaturas LIMIT 12";
$resultado = conexion_bbdd($consulta);
$i = 1;
while($rows = mysql_fetch_array($resultado)) { ?>
<tr><td><?php echo $i; ?></td><td style="background-color: #eee"><div class="drag t1"><?php echo utf8_encode($rows['Titulo']); ?></div></td></tr>
<?php
$i++;
}?>
<th colspan="2" height="35"><div class="drag t1 clone"><input type="text" size="8" id="CajaTexto"></table>
Como podéis ver es una tabla en el que cargamos de nuestra BBDD los elementos, y con el drag & drop arrastramos los elementos que queremos... y ponemos el elemento <input type='text'> para arrastrar el elemento por si queremos agregar alguno que no tenemos definido (clonable).
Y la segunda tabla es la que soltamos:
Código HTML:
<table id="TablaDatos" class="TablaDatos">
<colgroup><col width="100"/><col width="100"/><col width="100"/><col width="100"/></colgroup>
<tr>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<th colspan="4"class="trash" title="trash">Papelera</th>
</tr>
</table>
<button type="button" onClick="datosTextos()">Ver valores de la tabla</button>
Un saludo.