How to use DataTables Extended ?

Hi,

I just bought Jquery Bundle, with which I got the Admin Dashboard Template.

Now I want to use that layout for my tables with Checkbox and other filters for my table.

But when I use same with my code is does not work, it shows normal Datatables layout. Is there anything that I am missing ?

DataTable Extended

How do I make use of those filters ?

<table class="table table-hover mb-0" id="example">

<!--Table head-->
<thead>
<tr>
<th>
<input class="form-check-input" type="checkbox" id="checkbox">
<label for="checkbox" class="form-check-label mr-2 label-table"></label>
</th>
<th class="th-lg"><a>First Name <i class="fas fa-sort ml-1"></i></a></th>
<th class="th-lg"><a href="">Last Name<i class="fas fa-sort ml-1"></i></a></th>
<th class="th-lg"><a href="">Username<i class="fas fa-sort ml-1"></i></a></th>
<th class="th-lg"><a href="">Email<i class="fas fa-sort ml-1"></i></a></th>
<th class="th-lg"><a href="">Country<i class="fas fa-sort ml-1"></i></a></th>
<th class="th-lg"><a href="">City<i class="fas fa-sort ml-1"></i></a></th>
</tr>
</thead>

My Table looks like this with datatables initaizlied :

$(document).ready(function() {
$('#example').DataTable();
} );