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

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

python - pip wont install .WHL files -

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -