Update data_gc_tab.html

data_gc_tab.html

@@ -162,9 +162,11 @@
 
         <button id="filter-clear">Очистить фильтр</button>
 
-        <button id="download-json">Скачать JSON</button>
-        <button id="download-pdf">Скачать PDF</button>
-        <button id="download-csv">Скачать CSV</button>
+    <button id="download-csv">Download CSV</button>
+    <button id="download-json">Download JSON</button>
+    <button id="download-xlsx">Download XLSX</button>
+    <button id="download-pdf">Download PDF</button>
+    <button id="download-html">Download HTML</button>
     </div>
     <div id="example-table"></div>
 
@@ -262,29 +264,33 @@
                         valueEl.value = "";
                         table.clearFilter();
                     });
-                    // Handle button click for downloading JSON
-                    document.getElementById("download-json").addEventListener("click", function() {
-                        var tableData = table.getData(); // Получаем все данные таблицы
-                        var jsonData = JSON.stringify(tableData, null, 2); // Преобразуем данные в JSON-строку
-                        var blob = new Blob([jsonData], {type: "application/json"});
-                        var url = URL.createObjectURL(blob);
-                        var a = document.createElement("a");
-                        a.href = url;
-                        a.download = "data.json";
-                        a.click();
-                        URL.revokeObjectURL(url);
-                    });
-                    // Handle button click for downloading PDF
-                    document.getElementById("download-pdf").addEventListener("click", function() {
-                        table.download("pdf", "data.pdf", {
-                            orientation:"portrait", //set page orientation to portrait
-                            title:"Example Report" //add title to report
-                        });
-                    });
-                    // Handle button click for downloading CSV
-                    document.getElementById("download-csv").addEventListener("click", function() {
-                        table.download("csv", "data.csv");
-                    });
+//trigger download of data.csv file
+document.getElementById("download-csv").addEventListener("click", function(){
+    table.download("csv", "data.csv");
+});
+
+//trigger download of data.json file
+document.getElementById("download-json").addEventListener("click", function(){
+    table.download("json", "data.json");
+});
+
+//trigger download of data.xlsx file
+document.getElementById("download-xlsx").addEventListener("click", function(){
+    table.download("xlsx", "data.xlsx", {sheetName:"My Data"});
+});
+
+//trigger download of data.pdf file
+document.getElementById("download-pdf").addEventListener("click", function(){
+    table.download("pdf", "data.pdf", {
+        orientation:"portrait", //set page orientation to portrait
+        title:"Example Report", //add title to report
+    });
+});
+
+//trigger download of data.html file
+document.getElementById("download-html").addEventListener("click", function(){
+    table.download("html", "data.html", {style:true});
+});
                 })
                 .catch(error => console.error('Error fetching data:', error));
         });