Append jquery tabla

publicado por: Anonymous

Actualmente inserto datos en los td del body de mi tabla de esta forma:

<table id="table1">
  <thead>
    <tr>
      <th>Nombre</th>
      <th>Apellido</th>
    </tr><!--aca necesito insertar otro th-->
  </thead>

  <tbody>
    <tr>
      <td>Jorge</td>
      <td>Casas</td>
    </tr>
    <tr>
      <td>Juan</td>
      <td>Perez</td>
    </tr>
  </tbody>
</table>



$('#table1').append('<tr id='+token+'><td>'+variable1+'</td><td >'+variable2+'</td><td>'+variable4+'</td><td><button  type="button" onclick="Eliminar()" class="btn btn-warning"> Eliminar </button></td></tr>')

De que forma podría insertar en el th en el thead de mi tabla ?

$('#table1 thead').append('<tr><th>Prueba</th></tr>');//estaba probando con esto pero no lo inserta de forma correcta

solución

Yo te sugeriría hacer la búsqueda del elemento usando #table1 > thead > tr usando el selector de hijos de la siguiente manera:

_x000D_

_x000D_

$('#table1 > thead > tr').append('<th>Prueba</th>');

_x000D_

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>_x000D_
<table id="table1">_x000D_
  <thead>_x000D_
    <tr>_x000D_
      <th>Nombre</th>_x000D_
      <th>Apellido</th>_x000D_
    </tr> <!-- aca necesito insertar otro th -->_x000D_
  </thead>_x000D_
_x000D_
  <tbody>_x000D_
    <tr>_x000D_
      <td>Jorge</td>_x000D_
      <td>Casas</td>_x000D_
    </tr>_x000D_
    <tr>_x000D_
      <td>Juan</td>_x000D_
      <td>Perez</td>_x000D_
    </tr>_x000D_
  </tbody>_x000D_
</table>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *