JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
        </td>
        <td>
            <div id="scrollme" class="scrollme">
                <!-- items go here -->
            </div>
        </td>
    </tr>
</table>

CSS

table { width:100%; }
td { 
    height:100px;
    width:50%;
    background-color:red;
} td:last-child { background-color:blue; }

.scrollme {
    display:flex;
    white-space:nowrap;
    
    overflow:scroll;
}

.scrollme div {
    display:inline-block;
    background-color:green;
    
}

JavaScript

var el = document.getElementById("scrollme");

for (i = 0; i < 15; i++) {
	var item = document.createElement("div");
    item.innerHTML = "item"+i;
    el.appendChild(item);
}