Tentando rowspan

server/services/eventos.js

@@ -3,7 +3,7 @@
 const dbRecords = _db.query(`
     SELECT evento.titulo, to_char(evento.data, 'DD/MM/YYYY') AS data, evento.capacidade, 
     evento.preco, categoria_evento.nome AS categoria 
-    FROM evento JOIN categoria_evento ON evento.id_categoria = categoria_evento.id
+    FROM evento JOIN categoria_evento ON evento.id_categoria = categoria_evento.id ORDER BY categoria
 `);
 
 
@@ -20,13 +20,15 @@ _out.println('<div style="display: flex; justify-content: center; margin-top: 80
             _out.println('</tr>')
             
             for (const dbRecord of dbRecords) {
+
+                 const cat = dbRecords.filter(r => r.getString("categoria") == dbRecord.getString("categoria"))
                     
                 _out.println('<tr style="height: 35px;">')
                     _out.println(`<td>${dbRecord.getString("titulo")}</td>`)
                     _out.println(`<td>${dbRecord.getString("data")}</td>`)
                     _out.println(`<td>${dbRecord.getInt("capacidade")}</td>`)
-                    _out.println(`<td>${dbRecord.getDouble("preco")}</td>`)
-                    _out.println(`<td>${dbRecord.getString("categoria")}</td>`)
+                    cat.length > 1 && _out.println(`<td rolspan="${cat.length}">${dbRecord.getDouble("preco")}</td>`)
+                    cat.length === 1 && _out.println(`<td>${dbRecord.getString("categoria")}</td>`)
                 _out.println('</tr>')
             }