JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://datatables.net/release-datatables/extras/TableTools/media/css/TableTools.css">
<script src="https://datatables.net/download/build/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/tabletools/2.2.0/js/dataTables.tableTools.js"></script>
<table id="tblExport" class="table table-condensed">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Larry</td>
<td>Smith</td>
<td>@lsmith</td>
<td>
Approved
</td>
</tr>
<tr>
<td>2</td>
<td>Mark</td>
<td>Williams</td>
<td>@mwills</td>
<td>
Pending
</td>
</tr>
<tr>
<td>3</td>
<td>Jeremy</td>
<td>Jones</td>
<td>@jj</td>
<td>
Success
</td>
</tr>
<tr>
<td>4</td>
<td>Carlos</td>
<td>Martin</td>
<td>@cmar</td>
<td>
Suspende
</td>
</tr>
</tbody>
</table>
</body>
JavaScript
$(document).ready(function () {
$('#tblExport').dataTable({
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"sSwfPath": "https://datatables.net/release-datatables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf",
"aButtons": ["copy", "csv", "xls", "pdf", "print"]
}
});
});