Skip to main content
Publicación cerrada como "Duplicada" por masterguru, DjCrazy, ComunidadBot
Se da formato a la pregunta
Origen Enlace
DjCrazy
  • 7.1k
  • 3
  • 18
  • 42

Como Cómo agregar filas de forma dinamicasdinámica en HTMlHTML

  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 Estoy tratando de hacer una tabla, pero no logro hacer uan funcion ni tampoco ehe encontrado la forma de hacer una funcionfunción que inserte una fila completa, solo logro que se agregue una sola la<td>.

La idea es hacer concon un forfor o si hay alguna manera mas facilfácil, porque o sino, tengo que poner la cantidacantidad de que<TD> que tengo se podra.

Se podrá crear una funcionfunción que inserte la fila completa o la cantidacantidad de encabrzadosencabezados?

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

Cómo agregar filas de forma dinámica 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>
Estoy tratando de hacer una tabla, pero no he encontrado la forma de hacer una función que inserte una fila completa, solo logro que se agregue una sola <td>.

La idea es hacer con un for o si hay alguna manera mas fácil, porque o sino, tengo que poner la cantidad de <TD> que tengo.

Se podrá crear una función que inserte la fila completa o la cantidad de encabezados?

Origen Enlace

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