Mostrar array en tabla

publicado por: Anonymous

¿Cómo puedo hacer para mostrar una array en javascript en una tabla HTML?

<body>
<p id="cliente"></p>    
    <script>
        var client = ["10001500", "Benito", "sdfdsadasfl.com", "C/Falsa123"];
        document.getElementById("cliente").innerHTML = client;
    </script>
</body>

solución

Para generar una tabla HTML con JS, puedes usar el siguiente código:

_x000D_

_x000D_

function crearTabla(datosTabla) {_x000D_
  var tabla = document.createElement('table');_x000D_
  var cuerpoTabla = document.createElement('tbody');_x000D_
_x000D_
  datosTabla.forEach(function(datosFilas) {_x000D_
    var fila = document.createElement('tr');_x000D_
_x000D_
    datosFilas.forEach(function(datosCeldas) {_x000D_
      var celda = document.createElement('td');_x000D_
      celda.appendChild(document.createTextNode(datosCeldas));_x000D_
      fila.appendChild(celda);_x000D_
    });_x000D_
_x000D_
    cuerpoTabla.appendChild(fila);_x000D_
  });_x000D_
_x000D_
  tabla.appendChild(cuerpoTabla);_x000D_
  document.body.appendChild(tabla);_x000D_
}

_x000D_

<button onclick="crearTabla([['10001500', 'Benito', 'benito.com', 'C/Falsa123'], ['10047500', 'Dianita', 'dianita.com', 'C/Verdadera789']]);">Crear Tabla</button>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

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