Zobrazení CSV v HTML tabulce místo stahování

2025-02-08 20:28:01 +01:00
parent 5a8cb74575
commit 634b3ada56
2 changed files with 47 additions and 1 deletions
--- a/2024.html
+++ b/2024.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="cs">
+<head>
+    <meta charset="UTF-8">
+    <title>Přehled Financí 2024</title>
+    <link rel="stylesheet" href="styly.css">
+</head>
+<body>
+    <h1>Přehled Financí za rok 2024</h1>
+    <table id="finance-table" border="1">
+        <thead>
+            <tr>
+                <th>Datum</th>
+                <th>Popis</th>
+                <th>Částka</th>
+                <th>Měna</th>
+                <th>Typ</th>
+            </tr>
+        </thead>
+        <tbody>
+        </tbody>
+    </table>
+
+    <script>
+        fetch('finance_2024.csv')
+            .then(response => response.text())
+            .then(data => {
+                let rows = data.split("\n").slice(1);
+                let tableBody = document.querySelector("#finance-table tbody");
+                rows.forEach(row => {
+                    let columns = row.split(",");
+                    if (columns.length >= 5) {
+                        let tr = document.createElement("tr");
+                        columns.forEach(column => {
+                            let td = document.createElement("td");
+                            td.textContent = column.trim();
+                            tr.appendChild(td);
+                        });
+                        tableBody.appendChild(tr);
+                    }
+                });
+            })
+            .catch(error => console.error("Chyba při načítání CSV:", error));
+    </script>
+</body>
+</html>
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
        Archiv
    </button>
    <div class="dropdown-menu">
-        <a class="dropdown-item" href="finance_2024.csv" target="_blank">2024</a>
+        <a class="dropdown-item" href="2024.html" target="_blank">2024</a>
    </div>
   </div>
   <div class="account-balance text-center mb-3">