JSFiddle - React, Tailwind, and code Playground

by santosonit

HTML

<table class="table table-sm table-striped" id="dtable" style="font-size:0.9em">
  <thead style="white-space: nowrap">
    <tr>
      <th style="width: 17%" class="text-center">Link To File</th>
      <th style="width: 18%" class="text-center">Approval Status</th>
    </thead>
    <tbody>
      <tr>
        <td class="align-middle" style="word-wrap: break-word;min-width: 160px;max-width: 160px;text-align:center">2</td>
        <td class="align-middle" style="align-center">
          <select name="D1" style="border-radius: 0.2rem">
            <option value="empty"></option>
            <option value="approved">Approved</option>
            <option value="dicsuss">Discuss</option>
            <option value="cancelled">Cancelled</option>
           </select>
         </td>
      </tr>
   </tbody>
  </table>