JSFiddle - React, Tailwind, and code Playground

HTML

<script src="/code.jquery.com/jquery-1.12.3.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/v/dt/jq-2.2.3/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.12/b-1.2.2/b-colvis-1.2.2/b-flash-1.2.2/b-html5-1.2.2/b-print-1.2.2/datatables.min.css">
<script src="https://cdn.datatables.net/v/dt/jq-2.2.3/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.12/b-1.2.2/b-colvis-1.2.2/b-flash-1.2.2/b-html5-1.2.2/b-print-1.2.2/datatables.min.js"></script>
  <table id='HMDD' class="display" cellspacing='0' width='100%'>
    <thead>
      <tr>
        <th>miRNA</th>
        <th>Disease Name</th>
        <th>PMID</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>hsa-mir-181c</td>
        <td>Alzheimer Disease</td>
        <td>423423423</td>
        <td>We identified that the loss of miR-137.....</td>
      </tr>
      <tr>
        <td>hsa-mir-181c</td>
        <td>Some disease</td>
        <td>35345436</td>
        <td>Some description</td>
      </tr>
    </tbody>
  </table>

JavaScript

$(document).ready(function() {
	$('#HMDD').DataTable({
  	dom: 'Bfrtip',
    buttons: [
    	'copyHtml5', 'excelHtml5', 'pdfHtml5', 'csvHtml5'
    ]
  });
});