another implementation of download functionality

templates/data.html

@@ -93,28 +93,23 @@
       
         // Function to handle the table data download
         function downloadTableData() {
-          const table = document.querySelector('.tabcontent:visible table');
-          if (table) {
-              const rows = table.querySelectorAll('tr');
-              let csvContent = '';
-              
-              rows.forEach(row => {
-                  const cols = row.querySelectorAll('td, th');
-                  const rowData = Array.from(cols).map(col => col.innerText).join(',');
-                  csvContent += rowData + '\n';
-              });
+          const selectedTable = $('#table-dropdown').val();
+          const fileName = selectedTable + '.csv';
+          const filePath = '/referencefiles/' + fileName;
 
-              const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
-              const link = document.createElement('a');
-              link.href = URL.createObjectURL(blob);
-              link.download = 'table_data.csv';
-              link.style.display = 'none';
-              document.body.appendChild(link);
-              link.click();
-              document.body.removeChild(link);
-          } else {
-              alert('No table data available to download.');
-          }
+          // 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);
         }
       
         // ... rest of the existing code ...