I want to filter the list using datatables dropdown list on required column like city
<table class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>Sl.no</th>
<th>Principle</th>
<th>City</th>
<th>Branch Name</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<?php $i=1; foreach($branchDetails as $branch) {?>
<tr>
<td><?php echo $i;?></td>
<td class="center"><?php echo $branch->principle_name;?></td>
<td class="center"><?php echo $branch->city_name;?></td>
<td class="center"><?php echo $branch->branchName;?></td>
<td class="center">
<a href="<?php echo base_url();?>admin/Branch/edit/<?php echo $branch->branchId ; ?>">
<i class="icon-edit"></i>
</a>
<!--<a href="#" data-id="<?php echo $branch->branchId;?>">
<i class="icon-trash"></i>
</a>-->
</td>
</tr>
<?php $i++; } ?>
</tbody>
</table>
datatables js is
$('.datatable').dataTable({
"sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span12'i><'span12 center'p>>",
"sPaginationType": "bootstrap",
"oLanguage": {
"sLengthMenu": "_MENU_ records per page"
}
} );
how can i implement to show drop downfilter on this .