JSFiddle - React, Tailwind, and code Playground

by santosonit

HTML

<head>
  <base target="_top">
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
  </script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" integrity="sha384-xrRywqdh3PHs8keKZN+8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o" crossorigin="anonymous">
  </script>
</head>

<body>
  <table class="table table-sm table-hover" id="dtable" style="font-size:0.9em">
    <thead style="white-space: nowrap">
      <tr>
        <th style="width: 1%" class="text-center">ClientID</th>
        <th style="width: 4%" class="text-center">Task No</th>
        <th style="width: 25%" class="text-center">Task</th>
        <th style="width: 4%" class="text-center">Date Assigned</th>
        <th style="width: 4%" class="text-center">Link To File</th>
        <th style="width: 22%" class="text-center">Notes</th>
        <th style="width: 14%" class="text-center">Approval</th>
        <th style="width: 26%" class="text-center">Comments</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="align-middle" style="word-wrap: break-word;max-width: 160px;text-align:center">AA002</td>
        <td class="align-middle" style="word-wrap: break-word;max-width: 160px;text-align:center">1</td>
        <td class="align-middle" style="word-wrap: break-word;max-width: 160px;text-align:center">Text</td>
        <td class="align-middle" style="word-wrap: break-word;max-width: 160px;text-align:center">5/21/2022</td>
        <td class="align-middle" style="word-wrap: break-word;max-width: 160px;text-align:center"><a href="https://www.google.com" target="_blank">Link</a></td>
        <td...