DataTables

DataTables Examples

by Marek Švarc

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').DataTable({
	dom: 'itp'
});

api.on('search', function() {
	console.log('search');
});

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