diff --git a/components/data-display.html b/components/data-display.html
index d04bcbb..41495f4 100644
--- a/components/data-display.html
+++ b/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);
diff --git a/styles/42-components-data-display.css b/styles/42-components-data-display.css
index 8b0b8e0..0dd0d98 100644
--- a/styles/42-components-data-display.css
+++ b/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);