HTML嵌套表数据从第二个表中删除

Question

我有一个像这样的html结构，目的是让CSS溢出：当媒体查询用于移动设备时滚动（数据不够长但是它有效）：

<TABLE BORDER=0>
   <TR>
      <TD>
         <table>
            <thead>
               <tr>
                  <th>x</th>
                  <th>x</th>
                  <th>x</th>
               </tr>
            </thead>
            <tbody>
               <tr>
                  <td>xyyy</td>
                  <td>xyyy</td>
                  <td>xyyy</td>
               </tr>
            </tbody>
         </table>
      </TD>
      <TD>
         <table>
            <thead>
               <tr>
                  <th>x</th>
                  <th>x</th>
                  <th>x</th>
               </tr>
            </thead>
            <tbody>
               <tr>
                  <td>xyyy</td>
                  <td>xyyy</td>
                  <td>xyyy</td>
               </tr>
            </tbody>
         </table>
      </TD>
   </TR>
</TABLE>

当我尝试在小屏幕上调整大小时，第二个表只是被切断了。我尝试将表格的整体宽度设置为100％并删除了最大宽度，但它不起作用。

我做错了什么？

桌子应该显示什么？