How enable "Individual column searching (select inputs)" in Jquery datatables? -
i trying achieve individual column searching (select inputs)
i loading data jquerydatatable via ajax call.
but select dropdown per column not showing up.
my code below
<script type="text/javascript" language="javascript"> $(function () { $('#mytable').datatable({ "bserverside": true, "sajaxsource": "@url.action("getajaxdata", "home")", "bprocessing": true, "searching": false, "aocolumns": [ { "sname": "first name" }, { "sname": "last name" }, { "sname": "nationality" }, { "sname": "date of birth" } ], "initcomplete": function () { this.api().columns().every(function () { var column = this; var select = $('<select><option value=""></option></select>') .appendto($(column.footer()).empty()) .on('change', function () { var val = $.fn.datatable.util.escaperegex( $(this).val() ); column .search(val ? '^' + val + '$' : '', true, false) .draw(); }); column.data().unique().sort().each(function (d, j) { select.append('<option value="' + d + '">' + d + '</option>') }); }); }, }); }); </script> what missing ?
Comments
Post a Comment