JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="0" cellpadding="0" style="border:solid 1px black; font-family:verdana; font-size:12px;"> 
  <thead> 
    <tr style="background-color:lightgrey; height:20px;"> 
      <th style="width:120px;">Titre 1</th> 
      <th style="width:120px;">Titre 2</th> 
      <th style="width:18px;"></th> 
    </tr> 
  </head> 
  <tfoot> 
    <tr style="background-color:lightgrey; text-align:center;"> 
      <td colspan="2">Informations complémentaires...<br/>Remarques...</td> 
      <td></td> 
    </tr> 
  </tfoot> 
  <tbody> 
    <tr> 
      <td colspan="3"> 
        <div style="height:100px; overflow:auto; border-top:solid 1px black; border-bottom:solid 1px black;"> 
          <table cellspacing="0" cellpadding="0" style="color:midnightblue; font-family:verdana; font-size:12px; text-align:center;"> 
            <tr><td style="width:120px;">donnée 1</td><td style="width:120px;">donnée 2</td></tr> 
            <tr><td>donnée 1</td><td>donnée 2</td></tr> 
            <tr><td>donnée 1</td><td>donnée 2</td></tr> 
            <tr><td>donnée 1</td><td>donnée 2</td></tr> 
            <tr><td>donnée 1</td><td>donnée 2</td></tr> 
            <tr><td>donnée 1</td><td>donnée 2</td></tr> 
            <tr><td>donnée 1</td><td>donnée 2</td></tr> 
            <tr><td>donnée 1</td><td>donnée 2</td></tr> 
            <tr><td>donnée 1</td><td>donnée 2</td></tr> 
            <tr><td>donnée 1</td><td>donnée 2</td></tr> 
            <tr><td>donnée 1</td><td>donnée 2</td></tr> 
            <tr><td>donnée 1</td><td>donnée 2</td></tr> 
            <tr><td>donnée 1</td><td>donnée 2</td></tr> 
          </table> 
        </div> 
      </td> 
    </tr> 
  </tbody> 
</table>