Question

我有一个具有contenteditable属性的动态html表。由于表有超过300行，因此用户逐个插入数据会不方便。如何使我的表格可编辑，类似于Excel电子表格？

<table id="tabla_tarifas" class="table table-hover table-condensed table-bordered ">

  <thead id="thead_tarifas" class="thead_tabla_fija">
    <th class="th_tabla" style="width:120px" >Fecha</th>  
    <th class="th_tabla" style="width:30px"  title='Abrir/cerrar tarifas para una fecha'> </th>  
      <!-- relleno los tipos de hab del grid de tarifas -->
      <?php $tipo="SELECT id_tipo_hab,tipo_hab FROM hab_tipo WHERE visible='S' ORDER BY tipo_hab"; 
        $ejecutar_tipo= $conectar->query($tipo);
        $td=0;
      while ($registro_tipo= $ejecutar_tipo->fetch_assoc()){
            $nombre=$registro_tipo['tipo_hab'];
            $id_hab=$registro_tipo['id_tipo_hab'];
        echo "<th class='th_tabla'>$nombre</th>";
        $td++;
        }?> 
</thead>

<tbody class="tbody_tabla_fija">
  <?php for ($i=1; $i <366 ; $i++) { 
    echo "<tr>";
    echo "<td style='width:120px'><span id='t$i'></span></td>";
    echo "<td style='width:30px'><input type='checkbox' checked name='abierta' title='Al desmarcar se cierra la tarifa para una fecha'/></td>";
    for ($k=0; $k < $td; $k++) { 
     echo " <td contenteditable='true'></td>";
    }

   echo " </tr>";

 } ?>  

</tbody>

如何使用javascript或jquery将表格单元格值复制到多个单元格？

0 个答案: