JSFiddle - React, Tailwind, and code Playground

HTML

<table id="results-table">
    <thead class="table-header">
        <tr>
            <th class="name-col">
                <a href="#" class="sort-trigger">A-Z</a>
                Name
            </th>
            <th class="span1">Age</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="name-col">
                <ul>
                    <li class="main-name">Aichael Johnson
                    </li>
                    <ul class="aka-list">
                        <li>&rsaquo; Aike</li>
                    </ul>
                </ul>
            </td>
            <td>35</td>
        </tr>
        <tr>
            <td class="name-col">
                <ul>
                    <li class="main-name">Zichael Johnson
                    </li>
                    <ul class="aka-list">
                        <li>&rsaquo; Zike</li>
                    </ul>
                </ul>
            </td>
            <td>35</td>
        </tr>
        <tr>
            <td class="name-col">
                <ul>
                    <li class="main-name">Michael Johnson
                    </li>
                    <ul class="aka-list">
                        <li>&rsaquo; Mike</li>
                    </ul>
                </ul>
            </td>
            <td>35</td>
        </tr>
    </tbody>
</table>