Example of Individual column searching (text inputs) using AjaxSource?

captainkirk

How to implement the search functionality with Ajax source:
https://datatables.net/examples/api/multi_filter.html

No problem getting the search boxes to show up in the footer.
I am working with asp.net and using ajax source?

[code]
$('#displayList tfoot th').each(function () {
var title = $('#displayList thead th').eq($(this).index()).text();
$(this).html('<input type="text" placeholder="Search ' + title + '" />');
});

       var table = $('#displayList').dataTable({
            "bServerSide": true,
            "sAjaxSource": "Services/IRAWorkLoad.svc/GetDLNs",
            "fnServerData": function (sSource, aoData, fnCallback) {
                $.ajax({
                    "dataType": 'json',
                    "type": "GET",
                    "url": sSource,
                    "data": aoData,
                    "success": function (msg) {
                        var json = $.evalJSON(msg.d);
                        fnCallback(json);
                    },
                    "error": handleAjaxException 
                });

            },
            "oLanguage": { "sZeroRecords": "No dlns available", "sEmptyTable": "No dlns available" },
            "fnServerParams": function (aoData) {
                aoData.push({ "name": "websiteId", "value": "1" }
           );
            },
            "bProcessing": true,
            "bDeferRender": true,
            "bLengthChange": true,
            "bDestroy": true,
            "bFilter": true,
            "sPaginationType": "full_numbers"
        });

[/code]