JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.datatables.net/v/ju-1.11.4/jqc-1.12.3/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.12/b-1.2.2/b-colvis-1.2.2/b-html5-1.2.2/b-print-1.2.2/fh-3.1.2/se-1.2.0/datatables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/v/ju-1.11.4/jqc-1.12.3/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.12/b-1.2.2/b-colvis-1.2.2/b-html5-1.2.2/b-print-1.2.2/fh-3.1.2/se-1.2.0/datatables.min.css">
<table id="test">
<thead>
  <th>column1</th>
  <th>column2</th>
  <th>edit1</th>
  <th>column3</th>
  <th>edit2</th>
  <th>column4</th>
</thead>
<tfoot>
  <th>column1</th>
  <th>column2</th>
  <th>edit1</th>
  <th>column3</th>
  <th>edit2</th>
  <th>column4</th>
</tfoot>
<tbody>
<tr>
  <td>value 1.1</td>
  <td>value 1.2</td>
  <td>value 1.3</td>
  <td>value 1.4</td>
  <td>value 1.5</td>
  <td>value 1.6</td>
  </tr>
  <tr>
  <td>value 2.1</td>
  <td>value 2.2</td>
  <td>value 2.3</td>
  <td>value 2.4</td>
  <td>value 2.5</td>
  <td>value 2.6</td>
  </tr>
  <tr>
  <td>value 3.1</td>
  <td>value 3.2</td>
  <td>value 3.3</td>
  <td>value 3.4</td>
  <td>value 3.5</td>
  <td>value 3.6</td>
  </tr>
</tbody>
</table>

JavaScript

$('#test').DataTable();