JSFiddle - React, Tailwind, and code Playground

HTML

<div>     
    <table style="width: 100%">
        <tr>
            <td>foo</td>
            <td>bar</td>
        </tr>
        <tr>
            <td>foo</td>
            <td>bar</td>
        </tr>
        <tr>
            <td>foo</td>
            <td>bar</td>
        </tr>
        <tr>
            <td>foo</td>
            <td>bar</td>
        </tr>
        <tr>
            <td>foo</td>
            <td>bar</td>
        </tr><tr>
            <td>foo</td>
            <td>bar</td>
        </tr><tr>
            <td>foo</td>
            <td>bar</td>
        </tr><tr>
            <td>foo</td>
            <td>bar</td>
        </tr><tr>
            <td>foo</td>
            <td>bar</td>
        </tr><tr>
            <td>foo</td>
            <td>bar</td>
        </tr>
        <tr>
            <td colspan="2" class="uiTest">
                <span>
                    <div class="uiTableContainer">
                        <table class="uiTable" cellspacing="0">                                     <tbody>
                            <tr class="uiTableRow">
                                <td>
                                    foo
                                </td>
                                <td>
                                    foo
                                </td>
                                <td>
                                    foo
                                </td>
                                <td>
                                    foo
                                </td>
                                <td>
                                    foo
                                </td>
                                <td>
                                    foo
                                </td>
                                <td>
                                    foo
                                </td>
                                <td class="uiTableAction">
                                    foo
                               ...

CSS

.uiTable{
   border: 1px solid red;  
   width: 100%; 
}

.uiTableContainer{
 
     max-width: 200px;
    overflow: auto; 
    overflow-y: auto; 
    height:20px;
    
}


.uiTest{
    
  
    
}