JSFiddle - React, Tailwind, and code Playground

HTML

<table 
	width="100%" 
	class="table row-border table-hover contacts_table table-striped" 
	data-url="<?=base_url('ajax/contacts/get_contacts')?>" 
	data-filtertype="<?=$filter_type?>">
	
	<thead>
		<tr>
			<th width="20px"></th>
			<th>Nome</th>
			<th width="100px">Status</th>
			<th width="100px">Created</th>
			<th width="100px">Last Touch</th>
			<th width="100px"></th>
			<th></th>
			<th>Azienda</th>
		</tr>
	</thead>
</table>

JavaScript

var url = table.data('url');
			var filterType = table.data('filtertype');
			
			var options = {
				"ajax": {
	                "url": url,
	                "type": "GET",
	                "data": function (d) {
	                    d.contact_type = filterType
	                    // this variable will set by server when page load. It should be "lead", "prospect", "client". Leave empty to get all.
	                }
	            },
	            "columns": [
					{"data": "html_is_company"},
					{"data": "name"},
					{"data": "html_type_label"},
					{"data": "created"},
					{"data": "last_update"},
					{"data": "html_actions"},
					{"data": "tsu"},
					{"data": "business_name"}
	            ],
	            "bLengthChange": false,
	            "pageLength": 20,
	            "lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
	  		  	"columnDefs": [
					{
						"targets": [ 7 ],
						"visible": false,
						"searchable": true,
					},
					{
						"targets": [ 6, 7 ],
						"searchable": false,
						"visible": false
					},
					{
						"targets": [0, 5],
						"searchable": false,
						"orderable": false
					},
					{
						"targets": [ 4 ],
						"render": function (data, type, row) {
							return moment(data, IN_DATE_TIME_FORMAT, 'it').fromNow();//.format(DATE_TIME_FORMAT);////;
						}
					},
					{
					// Sort column 4 (formatted date) by column 6 (hidden seconds)
						"orderData":[ 6 ],
						"targets": [ 4 ]
					}],
				"order": [[4, "desc"]],
				"search": "_INPUT_",
	            "language": {
					"sSearchPlaceholder": "Cerca...",
					"paginate": {
						"previous": '<i class="icon wb-chevron-left-mini"></i>',
						"next": '<i class="icon wb-chevron-right-mini"></i>'
	  		      	},
					//"url": "//cdn.datatables.net/plug-ins/1.10.9/i18n/Italian.json"
	            }
	  	  };
		  
		  var datatable = table.DataTable(options);
		  this.setDataTable(datatable);
		  
		  setInterval(function(){
		  	datatable.ajax.reload(null,...