function filterTable() {
let selectedValue = document.getElementById("document").value;
let rows = document.querySelectorAll("tbody"); // Select all tbody elements
rows.forEach((row) => {
if (
selectedValue === "" ||
row.getAttribute("data-designation") === selectedValue
) {
row.style.display = "table-row-group"; // Show selected rows
} else {
row.style.display = "none"; // Hide other rows
}
});
}