Function HeaderCell

src/Components/DataPoints/RecordTable.jsx:139–158

({col, sortKey, sortDir, onSort})

};

function HeaderCell({col, sortKey, sortDir, onSort}) {
    const active = sortKey === col.key;
    const sortable = Boolean(col.sortType);
    return (
        <th
            className={sortable ? "rt-th rt-th-sortable" : "rt-th"}
            style={{width: col.width, minWidth: col.width, textAlign: col.align}}
            onClick={sortable ? () => onSort(col.key) : undefined}
        >
            <span className="rt-th-inner">
                {col.label}
                {sortable && (
                    <span className={active ? "rt-sort rt-sort-active" : "rt-sort"}>
                        {active && sortDir === "asc" ? <ArrowUpward fontSize="inherit"/> : <ArrowDownward fontSize="inherit"/>}
                    </span>
                )}
            </span>
        </th>
    );
}

/* ------------------------------ main table ------------------------------- */