Colorindo tabela

server/services/index.js

@@ -10,23 +10,23 @@ const dbRecords = _db.query(`
 _out.println('<div style="display: flex; justify-content: center; margin-top: 80px; min-height: 585px;">')
     _out.println('<div>')
         _out.println('<caption><a style="display: flex; justify-content: center; font-weight: bold; font-size: 25px; margin-bottom: 10px;">Eventos</a></caption>')
-        _out.println('<table style="min-width: 700px; border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">')
+        _out.println('<table style="min-width: 700px; text-align: left;">')
             _out.println('<tr style="height: 35px;">')
-                _out.println('<th sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">Título</th>')
-                _out.println('<th sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">Data</th>')
-                _out.println('<th sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">Capacidade</th>')
-                _out.println('<th sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">Preço</th>')
-                _out.println('<th sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">Categoria</th>')
+                _out.println('<th>Título</th>')
+                _out.println('<th>Data</th>')
+                _out.println('<th>Capacidade</th>')
+                _out.println('<th>Preço</th>')
+                _out.println('<th>Categoria</th>')
             _out.println('</tr>')
             
             for (let i = 0; i < dbRecords.length; i++) {
                     
                 _out.println('<tr style="height: 35px;">')
-                    _out.println(`<td sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">${dbRecords[i].getString("titulo")}</td>`)
-                    _out.println(`<td sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">${dbRecords[i].getString("data")}</td>`)
-                    _out.println(`<td sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">${dbRecords[i].getInt("capacidade")}</td>`)
-                    _out.println(`<td sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">${dbRecords[i].getDouble("preco")}</td>`)
-                    _out.println(`<td sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">${dbRecords[i].getString("categoria")}</td>`)
+                    _out.println(`<td sytle="color: ${i % 2 == 0 ? "#eee" : "#fff"}">${dbRecords[i].getString("titulo")}</td>`)
+                    _out.println(`<td sytle="color: ${i % 2 == 0 ? "#eee" : "#fff"}">${dbRecords[i].getString("data")}</td>`)
+                    _out.println(`<td sytle="color: ${i % 2 == 0 ? "#eee" : "#fff"}">${dbRecords[i].getInt("capacidade")}</td>`)
+                    _out.println(`<td sytle="color: ${i % 2 == 0 ? "#eee" : "#fff"}">${dbRecords[i].getDouble("preco")}</td>`)
+                    _out.println(`<td sytle="color: ${i % 2 == 0 ? "#eee" : "#fff"}">${dbRecords[i].getString("categoria")}</td>`)
                 _out.println('</tr>')
             }