JSFiddle - React, Tailwind, and code Playground

HTML

<x-table style="min-width: 50px; height: 50px;">
  <x-col style="width: 100px"></x-col>
  <x-col style="width: 100px;"></x-col>
  <x-tr></x-tr>
  <x-caption>...</x-caption>
</x-table>

CSS

x-table { display: table; background: yellow; }
x-col { display: table-column; background: red; }
x-tr { display: none; }
x-table:hover x-tr { display: table-row; background: blue; }
x-caption { display: table-caption }