JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <tr>
      <td>по левому</td>
      <td>по центру</td>
      <td>по центру</td>
    </tr>
    <tr>
      <td>по левому</td>
      <td>по центру</td>
      <td>по центру</td>
    </tr>
    <tr>
      <td>по левому</td>
      <td>по центру</td>
      <td>по центру</td>
   </tr>
  </table>

CSS

tr td:first-child {
    width: 300px;
}
tr td:nth-child(2), tr td:nth-child(3) {
    text-align: center;
    width: 150px;
}