Fix large table search visibility

components/data-display.html

@@ -287,7 +287,9 @@
 
         sortedRows.forEach((row) => {
           table.appendChild(row);
-          row.hidden = !rowMatchesQuery(row, state.query);
+          const isVisible = rowMatchesQuery(row, state.query);
+          row.classList.toggle('sg-large-table__row--hidden', !isVisible);
+          row.setAttribute('aria-hidden', isVisible ? 'false' : 'true');
         });
 
         setHeaderState(state.columnIndex, state.direction);

styles/42-components-data-display.css

@@ -123,6 +123,10 @@
   background: var(--color-white);
 }
 
+.sg-large-table__row--hidden {
+  display: none;
+}
+
 .sg-large-table__row--header {
   font-weight: var(--font-weight-semibold);
   background: var(--color-medium-grey);