JSFiddle - React, Tailwind, and code Playground

HTML

<table class="left" border="1">
   <tr>
    <th>Internet Explorer</th>
    <td>6.0</td>
    <td>Нет</td>
    <td>3000</td>
   </tr>
   <tr>
    <th>Браузер</th>
    <td>5.5</td> 
    <td>Да</td>
    <td>3000</td>
   </tr>
</table>
<table class="top" border="1">
   <tr>
    <th>Браузер</th>
    <th>Internet Explorer</th>
   </tr>
   <tr>
    <td>5.5</td>
    <td>6.0</td>
   </tr>
   <tr>
    <td>Да</td>
    <td>Нет</td>
   </tr>
      <tr>
    <td>3000</td>
    <td>3000</td>
   </tr>
</table>

CSS

@media (max-width: 500px) {
.left{
    display: none;
}}

@media (min-width: 500px) {
.top{
    display: none;
}}