JSFiddle - React, Tailwind, and code Playground

by Alexander Branchugov

HTML

<table border="1">
<tr>
  <td>
    Company 1
  </td>
  <td>
    Person 1
  </td>
  <td class="rowspanning" rowspan="2">
      <div style="max-height:5.5em">
      <ul>
        <li>Item 1sadasdasasdasdasdasdadadasdasdadsadasdadasdasdasdadsasdasdasdasdadasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasddasdasdasda</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>        
        <li>Item 5</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>        
        <li>Item 5</li>      
        <li>Item 5</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>        
        <li>Item 5</li>
        <li>Item 4</li>        
        <li>Item 5</li>      
        <li>Item 5</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li> 
      </ul>
      </div>
  </td>
</tr>
<tr>
  <td>
    Company 2
  </td>
  <td>
    Person 2
  </td>
</tr>
<tr>
  <td>
    Company 3
  </td>
  <td>
    Person 3
  </td>
</tr>
<tr>
  <td>
    Company 3
  </td>
  <td>
    Person 3
  </td>
</tr>
<tr>
  <td>
    Company 3
  </td>
  <td>
    Person 3
  </td>
</tr>
<tr>
  <td>
    Company 3
  </td>
  <td>
    Person 3
  </td>
</tr>
<tr>
  <td>
    Company 3
  </td>
  <td>
    Person 3
  </td>
</tr>
<tr>
  <td>
    Company 3
  </td>
  <td>
    Person 3
  </td>
</tr>
<tr>
  <td>
    Company 3
  </td>
  <td>
    Person 3
  </td>
</tr>
<tr>
  <td>
    Company 3
  </td>
  <td>
    Person 3
  </td>
</tr>
<tr>
  <td>
    Company 3
  </td>
  <td>
    Person 3
  </td>
</tr>
<tr>
  <td>
    Company 3
  </td>
  <td>
    Person 3
  </td>
</tr>
<tr>
  <td>
    Company 3
  </td>
  <td>
    Person 3
  </td>
</tr>
</table>

CSS

table {
  max-width: 200px;
  width: 200px;
}
td
{
  box-sizing: border-box;
  height:1.5em;
}

td.rowspanning div
{
  width:100%;
  overflow-y:scroll;
  overflow-x:scroll;
}

td.rowspanning div ul
{
  margin:0 1em 0 1em;
  padding:0 0 0 1em;
}