Fix large table search visibility
This commit is contained in:
@@ -287,7 +287,9 @@
|
|||||||
|
|
||||||
sortedRows.forEach((row) => {
|
sortedRows.forEach((row) => {
|
||||||
table.appendChild(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);
|
setHeaderState(state.columnIndex, state.direction);
|
||||||
|
|||||||
@@ -123,6 +123,10 @@
|
|||||||
background: var(--color-white);
|
background: var(--color-white);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sg-large-table__row--hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.sg-large-table__row--header {
|
.sg-large-table__row--header {
|
||||||
font-weight: var(--font-weight-semibold);
|
font-weight: var(--font-weight-semibold);
|
||||||
background: var(--color-medium-grey);
|
background: var(--color-medium-grey);
|
||||||
|
|||||||
Reference in New Issue
Block a user