JSFiddle - React, Tailwind, and code Playground

HTML

<table class="tableStyle" border=1>
<tr>
    <td width="20px">col1</td>
    <td width="50px">col2</td>
    <td width="50px">col3</td>
    <td width="15px">col4</td>
    <td width="25px">col5</td>
    <td width="20px">col6</td>
    <td width="20px">col7</td>
    <td width="20px">col8</td>
</tr></table>

CSS

.tableStyle{
table-layout:fixed;
margin: 0 auto; width: 960px;
}