JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table-responsive" id="customers" style="overflow: auto; max-height: 400px;">
    <table class="table table-striped table-condensed table-bordered" id="tblAuditors">
      
        
        <thead style="border-bottom-color: rgb(202, 106, 21); border-bottom-width: 3px; border-bottom-style: solid; background-color: rgb(248, 218, 194);">
       <th>Name of the Auditor</th>
          <th>Type of Auditors</th>
          <th>Date of Appointment</th>
          <th>Terms of Appointment</th>
          <th>Remuneration</th>
          <th>Date of Board resolution</th>
          <th>Date of Shareholder Resolution</th>
          <th>Date of Resignation</th>
          <th>Completion of Tenure</th>
          <th>Shareholding if any</th>
          <th>Transaction with Company or its Associate/Subsidiaries-if any</th>
          <th>Remarks</th>
       
      </thead>
        
      <tbody class="text-justify" style="color: rgb(0, 0, 0); font-size: 12px; font-weight: bold;">
          
        <!-- <tr style="border-bottom-color: rgb(202, 106, 21); border-bottom-width: 3px; border-bottom-style: solid; background-color: rgb(248, 218, 194); font-weight: bold; text-align:center; font-size: 15px;">
     
          <td>Name of the Auditor</td>
          <td>Type of Auditors</td>
          <td>Date of Appointment</td>
          <td>Terms of Appointment</td>
          <td>Remuneration</td>
          <td>Date of Board resolution</td>
          <td>Date of Shareholder Resolution</td>
          <td>Date of Resignation</td>
          <td>Completion of Tenure</td>
          <td>Shareholding if any</td>
          <td>Transaction with Company or its Associate/Subsidiaries-if any</td>
          <td>Remarks</td>
       
        </tr>
          -->
          
          
        <tr>
          <td>Test</td>
          <td>Auditor1</td>
          <td>7/2/2015</td>
          <td>Test</td>
          <td>Test</td>
          <td>7/3/2015</td>
          <td>7/3/2015</td>
         ...