JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
    <tr>
        <td>a</td>
        <td id="b">b</td>
        <td>c</td>
        <td>d</td>
        <td>e</td>
        <td>f</td>
        <td>g</td>
        <td>h</td>
        <td>i</td>
        <td id="j">j</td>
        <td>k</td>
                
                </tr>
    </tbody>
</table>

CSS

tr{
  height:auto;
}
td{
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
	  vertical-align: top;
    background-color: #3399ff;
    height: 100%;
    width: 75px;
    border: 1px solid black;
    border-collapse: collapse;
}
td:nth-child(odd){
  background-color: #1177dd;
}

#b{height: 80px;}
#j{height:90px;}