En este post te mostraré a usar th:each en Thymeleaf para iterar o recorrer colecciones, algo así como dibujar una lista o repetir un elemento HTML.
Además de repetir una lista te enseñaré la sintaxis básica de th:each.
Finalmente veremos un ejemplo con Spring Boot para renderizar una lista de productos traída desde un repositorio que a su vez se conecta con MySQL.
En este post te mostraré a crear una tabla dinámica o elemento <table> de HTML con JavaScript. Es decir, con JavaScript puro dibujar una tabla, agregarle filas y columnas.
Para ello no usaremos ningún framework. Las funciones que veremos son:
document.createElement – Para crear un elemento, en este caso el tr y el tddocument.querySelector – Obtener referencia a elementos del DOMelemento.appendChild – Adjuntar un elemento hijo a otro elementoLo que vamos a dibujar en la tabla es un arreglo. Es decir, a partir del arreglo vamos a dibujar una tabla HTML con JavaScript de manera dinámica.