JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" method="post" >
  <table>
        <tbody>

          <tr>
            <td>ID</td>
            <td>ごりら</td>
            <td>らっぱ</td>
            <td>ぱんだ</td>
            <td>だんご</td>
          </tr>

          <tr>
            <td>1</td>
            <td><input type="text" name="d01" value="452"></td>
            <td><input type="text" name="d02" value="545"></td>
            <td><input type="text" name="d03" value="452"></td>
            <td><input type="text" name="d04" value="245"></td>
          </tr>

           <tr>
            <td>2</td>
            <td><input type="text" name="d05" value="842"></td>
            <td><input type="text" name="d06" value="585"></td>
            <td><input type="text" name="d07" value="882"></td>
            <td><input type="text" name="d08" value="335"></td>
          </tr>

           <tr>
            <td>3</td>
            <td><input type="text" name="d09" value="452"></td>
            <td><input type="text" name="d10" value="545"></td>
            <td><input type="text" name="d11" value="452"></td>
            <td><input type="text" name="d12" value="245"></td>
          </tr>

        </tbody>
  </table>
  
  <center><input type="submit" value="UPD"></center>
</form>

CSS

table{
	margin: auto;
	border: 1px black solid ;
	border-spacing : 0px 0px;
}

tr{

	border: 1px black solid ;

}

td{

	width: 15%;
	height: 20px;
	border: 1px black solid ;
	text-align: center;
	background-color: whitesmoke;

}

input[type="text"]{

	width:20px;
	text-align: center;

}