JSFiddle - React, Tailwind, and code Playground

HTML

<table class="tblSearchMedia1">
    <thead>
        <tr>
            <th>Region</th>
            <th>Subregion</th>
            <th>Country</th>
            <th>Media Type</th>
            <th>Media Name</th>
        </tr>
    </thead>
    <tbody data-bind="foreach: MediaGroups">
        <tr>
            <td data-bind="text: ID">1</td>
            <td data-bind="text: ID">2</td>
            <td data-bind="text:ID">3</td>
            <td data-bind="text: ID">4</td>
            <td data-bind="text: ID">5</td>
        </tr>
        <tr>
            <td data-bind="text: ID">1</td>
            <td data-bind="text: ID">2</td>
            <td data-bind="text:ID">3</td>
            <td data-bind="text: ID">4</td>
            <td data-bind="text: ID">5</td>
        </tr>
        <tr>
            <td data-bind="text: ID">1</td>
            <td data-bind="text: ID">2</td>
            <td data-bind="text:ID">3</td>
            <td data-bind="text: ID">4</td>
            <td data-bind="text: ID">5</td>
        </tr>       
        <tr>
            <td data-bind="text: ID">1</td>
            <td data-bind="text: ID">2</td>
            <td data-bind="text:ID">3</td>
            <td data-bind="text: ID">4</td>
            <td data-bind="text: ID">5</td>
        </tr>
        <tr>
            <td data-bind="text: ID">1</td>
            <td data-bind="text: ID">2</td>
            <td data-bind="text:ID">3</td>
            <td data-bind="text: ID">4</td>
            <td data-bind="text: ID">5</td>
        </tr>
        <tr>
            <td data-bind="text: ID">1</td>
            <td data-bind="text: ID">2</td>
            <td data-bind="text:ID">3</td>
            <td data-bind="text: ID">4</td>
            <td data-bind="text: ID">5</td>
        </tr>
        <tr>
            <td data-bind="text: ID">1</td>
            <td data-bind="text: ID">2</td>
            <td data-bind="text:ID">3</td>
            <td data-bind="text: ID">4</td>
            <td data-bind="text: ID">5</td>
 ...

CSS

.tblSearchMedia1
{
  width:500px;
}
.tblSearchMedia1 tbody {
  height: 50px;
  overflow-y:auto;
  overflow-x: hidden;
  display:block;
  width:100%;
}


.tblSearchMedia1 td {
  padding: 3px 10px;
}

.tblSearchMedia1 thead th, .tblSearchMedia1 tbody td
{
  width: 100px;
}

.tblSearchMedia1 thead > tr {
  position:relative;
  display:block;
}