Skip to main content
1 de 2

Como agregar filas de forma dinamicas en HTMl

  function Agregarfila(){
    let op = $("#table").html();
    let fila = '<td>';
      $("#table").html(op+fila);
    
  }
</head>
<body>
<h1>ORDENES DE PORDUCIONES</h1>
<table id="OP" border="1px solid black" cellspacing="0" cellpadding="">
<thead>
    <tr>
    <th>Plan/Real</th>
    <th>Modelo</th>
    <th>Lote</th>
    <th>Cant.</th>
    <th>PO</th>
    <th>IA</th> 
    <th>CHASIS</th>
    <th>ALTERNO.M</th>   
    <th>SEMIELABORADO</th>  
    <th>OP</th> 
    <th>ESTADO</th> 
    <th>VERSION.S</th>
    <th>MONTAJE</th>
    <th>EDITAR</th>
    </tr>
</thead>

  <tbody id="table">
    <tr>
        <td>LCD6</td>
        <td>91DR32X7000</td>    
        <td>L101</td>
        <td>5050</td>
        <td>242917</td>
        <td>1000953</td> 
        <td>Transición LANZAMIENTO</td>
        <td>V1</td>
        <td>4-651-IAMAITV00693</td>
        <td>OP-202398</td>
        <td>LIBERADO</td>
        <td>V1</td>
        <td>08-sep</td>
        <td></td>
    
    </tr>
            
    
        <td>LCD6</td>
        <td></td>   
        <td></td>
        <td></td>
        <td></td>
        <td></td> 
        <td></td>
        <td></td>
        <td>4-651-MEMGBTV00373</td>
        <td>OP-202399</td>
        <td>LIBERADO</td>
        <td>V1</td>
        <td></td>
        <td> </td>
    </tr>
  </tbody>
</table>
<br>
<input type="button" onclick="Agregarfila()" value="Insertar Fila">



<script src="jquery-3.6.1.min.js"></script>

</body>
</html>

function Agregarfila(){
    let op = $("#table").html();
    let fila = '<td>';
      $("#table").html(op+fila);
    
  }
</head>
<body>
<h1>ORDENES DE PORDUCIONES</h1>
<table id="OP" border="1px solid black" cellspacing="0" cellpadding="">
<thead>
    <tr>
    <th>Plan/Real</th>
    <th>Modelo</th>
    <th>Lote</th>
    <th>Cant.</th>
    <th>PO</th>
    <th>IA</th> 
    <th>CHASIS</th>
    <th>ALTERNO.M</th>   
    <th>SEMIELABORADO</th>  
    <th>OP</th> 
    <th>ESTADO</th> 
    <th>VERSION.S</th>
    <th>MONTAJE</th>
    <th>EDITAR</th>
    </tr>
</thead>

  <tbody id="table">
    <tr>
        <td>LCD6</td>
        <td>91DR32X7000</td>    
        <td>L101</td>
        <td>5050</td>
        <td>242917</td>
        <td>1000953</td> 
        <td>Transición LANZAMIENTO</td>
        <td>V1</td>
        <td>4-651-IAMAITV00693</td>
        <td>OP-202398</td>
        <td>LIBERADO</td>
        <td>V1</td>
        <td>08-sep</td>
        <td></td>
    
    </tr>
            
    
        <td>LCD6</td>
        <td></td>   
        <td></td>
        <td></td>
        <td></td>
        <td></td> 
        <td></td>
        <td></td>
        <td>4-651-MEMGBTV00373</td>
        <td>OP-202399</td>
        <td>LIBERADO</td>
        <td>V1</td>
        <td></td>
        <td> </td>
    </tr>
  </tbody>
</table>
<br>
<input type="button" onclick="Agregarfila()" value="Insertar Fila">


<script>
  function Agregarfila(){
    let op = $("#table").html();
    let fila = '<td>';
      $("#table").html(op+fila);
    
  }
</script>
<script src="jquery-3.6.1.min.js"></script>

</body>
</html>

Estou trando de hacer una tabla, pero no logro hacer uan funcion ni tampoco e encontrado la forma de hacer una funcion que inserte fila completa solo logro que se agregue una sola la idea es hacer con un for o si hay alguna manera mas facil porque o sino tengo que poner la cantida de que tengo se podra crear una funcion que inserte la fila completa o la cantida de encabrzados