updated export to csv file

py_app/app/static/style.css

@@ -668,3 +668,25 @@ body.dark-mode .export-description {
     font-size: 0.9em; /* Reduce the font size */
     border-radius: 3px; /* Slightly smaller border radius */
 }
+
+/* Style for the report-table container */
+.report-table-container {
+    max-height: 1000px; /* Set the maximum height */
+    overflow-y: auto; /* Enable vertical scrolling */
+    border: 1px solid #ddd; /* Optional: Add a border for better visibility */
+    margin-top: 10px; /* Optional: Add spacing above the table */
+}
+
+/* Ensure the table takes full width */
+.report-table-container table {
+    width: 100%; /* Make the table take the full width of the container */
+    border-collapse: collapse; /* Optional: Collapse table borders */
+}
+
+/* Optional: Add styles for table rows and cells */
+.report-table-container th,
+.report-table-container td {
+    padding: 8px;
+    text-align: left;
+    border: 1px solid #ddd; /* Add borders to table cells */
+}

py_app/app/templates/quality.html

@@ -29,7 +29,7 @@
             <label class="export-description">Export current report as:</label>
             <div class="button-row">
                 <button class="btn export-btn" id="export-csv">Export CSV</button>
-                <button class="btn export-btn" id="export-pdf">Export PDF</button>
+                <!-- <button class="btn export-btn" id="export-excel">Export excell</button> -->
             </div>
         </div>
     </div>
@@ -37,6 +37,7 @@
     <!-- Data Display Card -->
     <div class="card report-table-card">
         <h3 id="report-title">No data to display, please select a report.</h3>
+        <div class="report-table-container">
             <table class="scan-table" id="report-table">
                 <thead>
                     <tr>
@@ -48,5 +49,7 @@
                 </tbody>
             </table>
         </div>
+    </div>
 </div>
 {% endblock %}
+