JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css">
<table id="table" class="table table-striped table-bordered" cellspacing="0" width="100%">
				
			   <thead>
					<tr>
						 <th>No</th>
						 <th>Nome</th>
						 <th>Email</th>
						 <th>Telefone</th>
						 <th>Ação</th>
					 </tr>
				</thead>
        
        <tbody>
          <tr>
          <td></td>
          <td>AAAAAA</td>
          <td>BBBBBB</td>
          <td>CCCCCC</td>
          <td>DDDDDD</td>
          </tr>
                    <tr>
          <td></td>
          <td>AAAAAA</td>
          <td>BBBBBB</td>
          <td>CCCCCC</td>
          <td>DDDDDD</td>
          </tr>
                    <tr>
          <td></td>
          <td>AAAAAA</td>
          <td>BBBBBB</td>
          <td>CCCCCC</td>
          <td>DDDDDD</td>
          </tr>
                    <tr>
          <td></td>
          <td>AAAAAA</td>
          <td>BBBBBB</td>
          <td>CCCCCC</td>
          <td>DDDDDD</td>
          </tr>
                    <tr>
          <td></td>
          <td>AAAAAA</td>
          <td>BBBBBB</td>
          <td>CCCCCC</td>
          <td>DDDDDD</td>
          </tr>
                    <tr>
          <td></td>
          <td>AAAAAA</td>
          <td>BBBBBB</td>
          <td>CCCCCC</td>
          <td>DDDDDD</td>
          </tr>
                    <tr>
          <td></td>
          <td>AAAAAA</td>
          <td>BBBBBB</td>
          <td>CCCCCC</td>
          <td>DDDDDD</td>
          </tr>
                    <tr>
          <td></td>
          <td>AAAAAA</td>
          <td>BBBBBB</td>
          <td>CCCCCC</td>
          <td>DDDDDD</td>
          </tr>
                    <tr>
          <td></td>
          <td>AAAAAA</td>
          <td>BBBBBB</td>
          <td>CCCCCC</td>
          <td>DDDDDD</td>
          </tr>
                    <tr>
          <td></td>
         ...

JavaScript

$(document).ready( function () {
var tabela = $('#table').DataTable({
            paging: true,
            lengthChange: true,
            searching: true,
            ordering: true,
            info: true,
            autoWidth: false,
            scrollX: true,
            sorting: [[ 1, "asc" ]],
            responsive: true,
            lengthMenu: [
                [5, 10, 15, -1],
                [5, 10, 15, "Todos"]
            ],
            });
            
	tabela.on('order.dt search.dt', function() {
        tabela.column(0, { search: 'applied', order: 'applied' }).nodes().each(function(cell, i) {
            cell.innerHTML = i + 1;
        });
    }).draw();            
            
});