Creación dinámica de tablas en JavaScript puro-GridTableJS

Tiempo de ejecución: 30 minutos. Empezar

Autor: tbaljevic
Views Total: 1,541
Sitio oficial: Ir a la web
Actualizado: January 1, 2018
Licencia: MIT

Vista prévia

Creación dinámica de tablas en JavaScript puro-GridTableJS

Descripción

GridTableJS es una biblioteca de JavaScript para generar dinámicamente tablas HTML complejas usando JavaScript puro.

Funcionamiento

Inserte el archivo JavaScript ' gridtable. js ' en el documento y estamos listos para ir.

<script src="src/gridtable.js"></script>

Cree un elemento de marcador de posición en el que desee representar la tabla dinámica.

<div id="myTable"></div>

Inicialice GridTableJS.

table = gridtablejs.createTable(parentElemId = "myTable");

Agregue los datos tabulares a la tabla. Parámetros disponibles:

  • Row: La fila.
  • columna: La columna.
  • contenido: El contenido de la célula.
  • customAttributes: Cualquier atributo HTML que se establecerá.
  • domTag: La etiqueta HTML DOM de la celda.
table.addCell(row, column, content, customAttributes, domTag);

Agregar datos agrupados a la tabla.

table.addCells(row, column, content, customAttributes, domTag);

Representa la tabla en el elemento primario proporcionado en la inicialización.

table.render()

Te puede interesar: