Generar tabla a partir de objetos JS-ToTable
| Autor: | Olian04 |
|---|---|
| Views Total: | 1,002 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 21, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Sin embargo, otro generador de tablas construido en la parte superior de JavaScript puro que genera dinámicamente mesas HTML a partir de matrices de objetos.
Funcionamiento
Clone o descargue la biblioteca ToTable y, a continuación, importe el ToTable. js en el documento.
<script src="src/ToTable.js"></script>
Cree un elemento contenedor donde desee mostrar la tabla generada.
<div id="example"></div>
Prepare los datos y genere una tabla HTML dentro del contenedor.
document.querySelector('#example').innerHTML =
ToTable([
{ firstname: 'Oliver', lastname: 'Twist', age: 14 },
{ firstname: 'Charles', lastname: 'Darwin', age: 78 },
{ firstname: 'Steven', lastname: 'Hawken', age: 50 }
]);
// or
document.querySelector('#example').innerHTML =
ToTable(
['lastname', 'age'],
[
{ firstname: 'Oliver', lastname: 'Twist', age: 14 },
{ firstname: 'Charles', lastname: 'Darwin', age: 78 },
{ firstname: 'Steven', lastname: 'Hawken', age: 50 }
]
);
// or
document.querySelector('#example').innerHTML =
ToTable({
firstname: 'name',
age: 'age'
}, [
{ firstname: 'Oliver', lastname: 'Twist', age: 14 },
{ firstname: 'Charles', lastname: 'Darwin', age: 78 },
{ firstname: 'Steven', lastname: 'Hawken', age: 50 }
]);
