JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/v/bs4-4.1.1/dt-1.10.18/datatables.min.css">
<script src="https://cdn.datatables.net/v/bs4-4.1.1/dt-1.10.18/datatables.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<table id="mytable" class="table table-striped table-bordered">
 	<thead>
 		<tr>
 			<th class="no-sort" scope="col"># Seleziona</th><th scope="col">Ordine n.</th><th scope="col">Fattura n.</th><th scope="col">Nome fattura</th><th class="no-sort" scope="col">Vedi</th>
   </tr>
 </thead>
 			<tbody>
 				<tr id="783"><th scope="row"><div class="form-check"><label class="form-check-label"><input type="checkbox" class="form-check-input" value="IT01234567890_783.xml"></label></div></th><td>783</td><td>183</td><td>IT01234567890_783.xml</td><td><a href="upload/IT01234567890_783.xml" target="_blank"><i class="far fa-file-alt" style="color:black"></i></a></td></tr>
 				<tr id="784"><th scope="row"><div class="form-check"><label class="form-check-label"><input type="checkbox" class="form-check-input" value="IT01234567890_784.xml"></label></div></th><td>784</td><td>185</td><td>IT01234567890_784.xml</td><td><a href="upload/IT01234567890_784.xml" target="_blank"><i class="far fa-file-alt" style="color:black"></i></a></td></tr>
 				<tr id="785"><th scope="row"><div class="form-check"><label class="form-check-label"><input type="checkbox" class="form-check-input" value="IT01234567890_785.xml"></label></div></th><td>785</td><td>785</td><td>IT01234567890_785.xml</td><td><a href="upload/IT01234567890_785.xml" target="_blank"><i class="far fa-file-alt" style="color:black"></i></a></td></tr>
 				<tr id="786"><th scope="row"><div class="form-check"><label class="form-check-label"><input type="checkbox"...

JavaScript

var table = $('#mytable').DataTable( {
        pageLength : 5,
        lengthMenu: [[5, 10, 20, 25, 50, -1], [5, 10, 20, 25, 50, "Tutto"]],
      columnDefs: [
        { targets: [0, 4], "searchable": false},
        { targets: [0, 4], "orderable": false},
        { "type": "html", targets: [1, 2, 3] }
      ]    
      
      } )