modified download functionality

templates/data.html

@@ -93,51 +93,29 @@
       
         // Function to handle the table data download
         function downloadTableData() {
-          // Get the currently selected table index
-          const selectedTableIndex = $('#table-dropdown').val();
-          
-          // Get the table element
-          const table = document.querySelector(`#content${selectedTableIndex} table`);
-          
-          if (!table) {
-              console.error('No table found');
-              return;
-          }
-
-          // Get table data
-          let csv = [];
-          const rows = table.querySelectorAll('thead tr, tbody tr');
-          
-          rows.forEach(row => {
-              const cells = row.querySelectorAll('th, td');
-              let rowData = [];
-              cells.forEach(cell => {
-                  // Get the text content, removing any extra whitespace
-                  let text = cell.textContent.trim().replace(/\s\s+/g, ' ');
-                  // Escape double quotes and enclose fields in quotes
-                  rowData.push('"' + text.replace(/"/g, '""') + '"');
+          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';
               });
-              csv.push(rowData.join(','));
-          });
-
-          // Combine CSV rows
-          const csvContent = csv.join('\n');
 
-          // Create a Blob with the CSV content
-          const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
-          
-          // Create a download link
-          const link = document.createElement('a');
-          if (link.download !== undefined) {
-              const url = URL.createObjectURL(blob);
-              link.setAttribute('href', url);
-              link.setAttribute('download', 'table_data.csv');
-              link.style.visibility = 'hidden';
+              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.');
           }
-      }
+        }
       
         // ... rest of the existing code ...
     </script>