search each columns

szafar

i cant get me search each columns working i looked at some examples but with no luck it dose not works

i have the columns search boxes displayed but when i press a key nothing happends

kthorngren

We can help you debug if you provide a test case showing the issue:
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Kevin

colin

As Kevin says, an example would demontrate how it doesn't work - "nothing happens" is just too vague for us to give any advice. But take a look at this example, this has individual columns searches, so may point you in the right direction.

szafar

This is my code

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" />

$(document).ready(function () { $.ajax({ url: 'CustomerService.asmx/GetCustomerSearch', method: 'post', dataType: 'json', success: function (data) { var dataTableInstance = $('#datatable').DataTable({ data: data, paging: false, sort: true, scrollY: "300px", scrollX: true, scrollCollapse: true, searchable: true, //fixedColumns: true, columns: [ { 'data': 'CustomerID' }, { 'data': 'CustomerFirstName' }, { 'data': 'CustomerLastName' }, { 'data': 'CustomerAddress' }, { 'data': 'CustomerCity' }, { 'data': 'CustomerPostCode' }, { 'data': 'CustomerTelephoneNumber' }, { 'data': 'CustomerMobileNumber' }, { 'data': 'CustomerEmailAddress' }, { 'data': 'AgentName' }, ] }); $('#datatable tfoot th').each(function () { var title = $('#datatable thead th').eq($(this).index()).text(); $(this).html(''); }); dataTableInstance.columns().every(function () { var datatableColumn = this; var searchTextBoxes = $(this.header()).find('input'); searchTextBoxes.on('keyup change', function () { datatableColumn.search(this.value).draw(); }); searchTextBoxes.on('click', function (e) { e.stopPropagetion(); }); }); } }); });

data appears and the search boxes but when i click on it nothings happens on the search

kthorngren

Are you also loading jquery.dataTables.js?

If you can't provide a test case at least post your JS code showing the Datatables init code and the code for the search boxes.

Kevin