adding logic for download

templates/data.html

@@ -93,23 +93,25 @@
       
         // Function to handle the table data download
         function downloadTableData() {
-          const selectedTable = $('#table-dropdown').val();
-          const fileName = selectedTable + '.csv';
-          const filePath = '/referencefiles/' + fileName;
-
-          // Create a temporary link element
-          const link = document.createElement('a');
-          link.href = filePath;
-          link.download = fileName;
-
-          // Append the link to the body
-          document.body.appendChild(link);
-
-          // Trigger the download by simulating a click
-          link.click();
-
-          // Remove the link from the document
-          document.body.removeChild(link);
+        const selectedTable = $('#table-dropdown').val();
+        if (selectedTable) {
+            const fileName = `referencefiles/${selectedTable}.csv`;
+            fetch(fileName)
+                .then(response => response.blob())
+                .then(blob => {
+                    const url = window.URL.createObjectURL(blob);
+                    const a = document.createElement('a');
+                    a.style.display = 'none';
+                    a.href = url;
+                    a.download = `${selectedTable}.csv`;
+                    document.body.appendChild(a);
+                    a.click();
+                    window.URL.revokeObjectURL(url);
+                })
+                .catch(error => console.error('Error downloading the file:', error));
+        } else {
+            alert('Please select a table to download.');
+        }
         }
       
         // ... rest of the existing code ...