UCLA Component Library

Table: Sort 

<div class="fixed-table">
    <div class="fixed-table__scroller">
        <table id="sortTable" class="fixed-table__wrapper">
            <thead>
                <tr>
                    <th class="fixed-table__sticky-col sorting-asc" data-sort="lastname" data-sort-onload="yes">Name</th>
                    <th data-sort="int">Elected</th>
                    <th data-sort="string">Department</th>
                </tr>
            </thead>
            <tr>
                <td class="fixed-table__sticky-col">Name Aa</td>
                <td>1942</td>
                <td>Strategic Communications</td>
            </tr>
            <tr>
                <td class="fixed-table__sticky-col">Name Bb</td>
                <td>1963</td>
                <td>External Affairs</td>
            </tr>
            <tr>
                <td class="fixed-table__sticky-col">Name Cc</td>
                <td>1999</td>
                <td>Human Resources</td>
            </tr>
            <tr>
                <td class="fixed-table__sticky-col">Name Dd</td>
                <td>2001</td>
                <td>Admissions</td>
            </tr>
            <tr>
                <td class="fixed-table__sticky-col">Name Ee</td>
                <td>1910</td>
                <td>Dentistry</td>
            </tr>
            <tr>
                <td class="fixed-table__sticky-col">Name Ff</td>
                <td>2020</td>
                <td>Strategic Communications</td>
            </tr>
        </table>
    </div>
</div>