JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">
   <div id="div2">
      <div id="div_Form50">
         <table id="Form50_t_data" style="table-layout: fixed; width: 100%; height: 100%; max-height: 104.00; position: absolute; left: 1.00; top: 38.50; border-bottom: 0.10mm solid #00FFFF; border-collapse: collapse; text-align: left;">
            <tr>
               <td colspan="3" id="Form50_t_title">
                  <div style="height: 100%; width: 100%; overflow: hidden; line-height: 10.00mm; text-align: center;">Chrono</div>
               </td>
            </tr>
            <tr class="Form50_t_odd">
               <td class="td_class">
                  <div class="div_class">1</div>
               </td>
               <td class="td_class">
                  <div class="div_class">6</div>
               </td>
               <td class="td_class">
                  <div class="div_class">14</div>
               </td>
            </tr>
            <tr class="Form50_t_even">
               <td class="td_class">
                  <div class="div_class">2</div>
               </td>
               <td class="td_class">
                  <div class="div_class">7serdbbikguky</div>
               </td>
               <td class="td_class">
                  <div class="div_class">15</div>
               </td>
            </tr>
            <tr class="Form50_t_odd">
               <td class="td_class">
                  <div class="div_class">3</div>
               </td>
               <td class="td_class">
                  <div class="div_class">8</div>
               </td>
               <td class="td_class">
                  <div class="div_class">16</div>
               </td>
            </tr>
            <tr class="Form50_t_even">
               <td class="td_class">
                  <div class="div_class">4dfghsdftgy</div>
               </td>
               <td class="td_class">
                  <div class="div_class">9</div>
               </td>
               <td class="td_class">
          ...

CSS

#div1 {
  font-size: small;
  position: absolute;
  border-size: 0mm;
  left: 1.00mm;
  overflow: hidden;
  top: 38.50mm;
  width: 49.50mm;
  height: 104.00mm;
}
#div2 {
  border: 0.30mm solid #000000;
  position: absolute;
  text-overflow:clip;
  left: 0.35mm; 
  top: 0.35mm;
  width: 48.20mm;
  height: 102.70mm;
  background-color: #FFFFFF;
}
#div_Form50 {
  position: absolute;
  border-size: 0mm; 
  left: -0.65mm;
  top: -0.65mm;
  width: 49.50mm;
  height: 104.00mm;
  }
#Form50_t_data td{
  border-right: 0.30mm solid #00FFFF;
  border-bottom: 0.10mm dashed #FF8000;
  }
.Form50_t_even {
  background-color: #80FF00;
  }
.Form50_t_odd {
  background-color: #FFFFFF;
  }
#Form50_t_title {
  border-bottom: 0.30mm solid #00FFFF;
  background-color: #8080C0;
  min-height: 9.70;
  max-height: 9.70;  
}
.td_class {
  max-height: 9.30mm;
}
.div_class {
  height: 100%;
  width: 100%;
  overflow: hidden;
  line-height: 9.30mm;
  padding-left: 0.50mm;
}