JSFiddle - React, Tailwind, and code Playground

HTML

<html>

  <body>
    <table id="table">
      <thead>
        <th>a</th>
      </thead>
      <tbody>
        <tr>
          <td>
            <select>
              <option>first option</option>
              <option selected>second option</option>
              <option>third option</option>
            </select>
          </td>
        </tr>
         <tr>
          <td>
            <select>
              <option>first option</option>
              <option>second option</option>
              <option selected>third option</option>
            </select>
          </td>
        </tr>
      </tbody>
    </table>
  </body>
  <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
  <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">

</html>

JavaScript

$("#table").DataTable();