JSFiddle - React, Tailwind, and code Playground

HTML

<table class="autoTable" cellspacing="0" cellpadding="0" border="0">
            <thead>
                <tr>
                    <td class="tc first">
                      <input type="checkbox"></td>
                    <td class="tc">Type</td>
                    <th>File</th>
                    <th>Sample</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Division 1</td>
                    <td>Division 2</td>
                    <td>Division 3, Division</td>
                    <td>Division 4</td>
                    <td>Division 5</td>
                </tr>
                <tr>
                    <td>Division 1</td>
                    <td>Division 2</td>
                    <td>Division 3</td>
                    <td>Division 4</td>
                    <td class="last">
                        <ul class="actions">
                            <li><a class="iconStats" href="#">Statistik</a></li>
                            <li><a class="iconEdit" href="#">Bearbeiten</a></li>
                            <li><a class="iconDelete" href="#">Löschen</a></li>

                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>

CSS

.autoTable { 
  table-layout: auto; 
  width: 100%; 
}

table tr { 
  border-bottom:1px solid #e9e9e9;
}

table thead td, th {
  border-left: 1px solid #f2f2f2; 
  border-right: 1px solid #d5d5d5; 
  background: #ddd; 
  font-weight: bold; 
  text-align:left;
}

table tr td, th { 
  border:1px solid #D5D5D5; 
  padding:15px;
}

table tr:hover { 
  background:#fffcf0;
}

table tr ul.actions {
  margin: 0; 
  padding: 0;
}

table tr ul.actions li {
  display: inline; margin-right: 5px;
}

td {
    width: 1px;
    white-space: nowrap;
}