JSFiddle - React, Tailwind, and code Playground

HTML

<table id="fruits">
    <tbody>
        <tr class="file" id="tr-file">
            <td class="name" id="id1"> <input type="checkbox" id="idc1"><a class="thickbox" href="FILE-LINK">NAME-OF-FILE1</a></td>
            <td class="name" id="id2"> <input type="checkbox" id="idc2"><a class="thickbox" href="FILE-LINK">NAME-OF-FILE2</a></td>
            <td class="name" id="id3"> <input type="checkbox" id="idc3"><a class="thickbox" href="FILE-LINK">NAME-OF-FILE3</a></td>
            <td class="name" id="id4"> <input type="checkbox" id="idc4"><a class="thickbox" href="FILE-LINK">NAME-OF-FILE4</a></td>
        </tr>
    </tbody> 
</table>

CSS

table {
    width: 80%; }