JSFiddle - React, Tailwind, and code Playground
by doug65536
HTML
<table>
<thead>
<tr>
<td>Number</td>
<td>Carrier</td>
<td>Name</td>
<td>Type</td>
<td>Length</td>
<td>Option</td>
</tr>
</thead>
<tbody>
<tr>
<td>
0702202020
</td>
<td>
<select>
<option value="-1">Carrier</option>
<option value="1">AT&T</option>
</select>
</td>
<td>
<select>
<option value="1">Business</option>
</select>
</td>
<td>
<select>
<option value="2">Phone</option>
<option value="3">Broadband</option>
</select>
</td>
<td>
<select>
<option value="1">0</option>
<option value="2">12</option>
<option value="3">24</option>
<option value="4">36</option>
</select>
</td>
<td>
<select>
<option value="1">Renewal</option>
<option value="2">New</option>
<option value="3">Porting</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="text" placeholder="0702202020" />
</td>
<td>
<select>
<option value="-1">Carrier</option>
<option value="1">AT&T</option>
</select>
</td>
<td>
<select>
<option value="1">Business</option>
</select>
</td>
<td>
<select>
<option value="2">Phone</option>
<option value="3">Broadband</option>
...
CSS
input {
height: 1.5em;
}