Contact HQ Office

const rowsPerPage = 5;
const rows = document.querySelectorAll(“#directoryBody tr”);
const pagination = document.getElementById(“pagination”);

let currentPage = 1;

function displayRows(){
const start = (currentPage-1) * rowsPerPage;
const end = start + rowsPerPage;

rows.forEach((row,index)=>{
row.style.display = (index >= start && index < end) ? "" : "none";
});
}

function setupPagination(){
pagination.innerHTML = "";
const pageCount = Math.ceil(rows.length / rowsPerPage);

for(let i=1;i<=pageCount;i++){
const btn = document.createElement("button");
btn.innerText = i;

if(i === currentPage){
btn.classList.add("active");
}

btn.addEventListener("click", function(){
currentPage = i;
displayRows();
setupPagination();
});

pagination.appendChild(btn);
}
}

displayRows();
setupPagination();