Function sortTable

packages/web/src/index.ts:563–602

(
  table: HTMLTableElement,
  column: number,
  direction: SortDirection,
)

}

function sortTable(
  table: HTMLTableElement,
  column: number,
  direction: SortDirection,
) {
  const tbody = table.tBodies[0];
  const header = table.tHead?.rows[0]?.cells[column];
  if (!tbody || !header) return;

  const type = header.getAttribute("data-type");
  const rows = Array.from(tbody.rows).filter(
    (row) => !row.classList.contains("empty-row"),
  );

  rows.sort((rowA, rowB) => {
    const comparison = compareValues(
      getCellSortValue(rowA, column),
      getCellSortValue(rowB, column),
      type,
    );
    return direction === "asc" ? comparison : -comparison;
  });

  for (const row of rows) {
    tbody.appendChild(row);
  }

  for (const sortable of table.querySelectorAll("th.sortable")) {
    sortable.removeAttribute("aria-sort");
    const indicator = sortable.querySelector(".sort-indicator");
    if (indicator) indicator.textContent = "";
  }

  header.setAttribute(
    "aria-sort",
    direction === "asc" ? "ascending" : "descending",
  );
  const indicator = header.querySelector(".sort-indicator");
  if (indicator) indicator.textContent = direction === "asc" ? "↑" : "↓";
}

for (const table of tables) {
  const headers = Array.from(table.querySelectorAll<HTMLTableCellElement>("th"));