JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td>1</td>
<td>
<select>
<option></option>
<option>+</option>
<option>-</option>
</select>
</td>
<td>
<select>
<option></option>
<option>+</option>
<option>-</option>
</select>
</td>
<td>
<select>
<option></option>
<option>+</option>
<option>-</option>
</select>
</td>
</tr>
<tr>
<td>2</td>
<td>
<select>
<option></option>
<option>+</option>
<option>-</option>
</select>
</td>
<td>
<select>
<option></option>
<option>+</option>
<option>-</option>
</select>
</td>
<td>
<select>
<option></option>
<option>+</option>
<option>-</option>
</select>
</td>
</tr>
<tr>
<td>3</td>
<td>
<select>
<option></option>
<option>+</option>
<option>-</option>
</select>
</td>
<td>
<select>
<option></option>
<option>+</option>
<option>-</option>
</select>
</td>
<td>
<select>
<option></option>
<option>+</option>
<option>-</option>
</select>
</td>
</tr>
<tr>
<td>4</td>
<td>
<select>
<option></option>
<option>+</option>
<option>-</option>
</select>
</td>
<td>
<select>
<option></option>
<option>+</option>
<option>-</option>
</select>
</td>
<td>
<select>
<option></option>
<option>+</option>
<option>-</option>
</select>
</td>
</tr>
<tr>
<td>5</td>
<td>
<select>
<option></option>
<option>+</option>
<option>-</option>
</select>
</td>
<td>
<select>
<option></option>
...
CSS
table {
width: 200px;
height: 500px;
border: 1px solid;
}
tr {
border: 1px solid;
}
td {
text-align: center;
color: red;
}