JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing='1'>
     <tr>
         <th>Header 1</th>
         <th>Header 2</th>
     </tr>
     <tr>
          <td rowspan="2">
              <div>
                  <p>spans across as may rows as rowspan, vertically</p>
              </div>
         </td>
      </tr>
      <tr>
          <td>row 1, cell 1</td>
          <td>row 2, cell2  </td>
      </tr>
 </table> class="scroll"

CSS

/*body {width: 300px;}
table {width: 100%; max-width: 300px,}
td, th {padding: 4px; background: #ddd;  border: 1px #000 solid;}
td:first-child {width: 100px; min-width: 100px; height: 30px;}
td.scroll {overflow-x: scroll; width: auto; max-width: 200px;}
p {width: 250px;}*/