DataTables

DataTables Examples

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/css/jquery.dataTables.min.css">
<input type="search" id="search">

<table id="table">
<thead>
    <th>Name</th>
</thead>
<tbody>
    <tr>
		<td>ěščřžýáíé</td>
    </tr>
	<tr>
		<td>esuioa</td>
    </tr>
</tbody>
</table>

JavaScript

let api = $('#table')
.on('draw.dt', function () {
		$('#table')
    .off('search.dt')
    .one('search.dt', function() {
		console.log('search');
	});
})
.DataTable({
	dom: 'itp'
});


$('#search').on('input', function() {
	api.search(this.value).draw();
});