yadcf not searching the Value with render Colums

Question

am using yadcf with Datatable

javaScript:code

 $(document).ready(function () {
            $.ajax({
            url: 'data.asmx/getData',
            method: 'post',
            dataType: 'json',
            success: function (data) {
                $("#tableDiv").show();
                var t = $('#studentDataTable').DataTable({
                    data: data,                        
                    'columns': [
                     { 
                       data: null 
                       render: function (data, type, row)
                       {
                          return data['fname']+' '+data['mname']+' '+ data['lname'];
                       }  
                     },
                    ],
                });
                yadcf.init(t,
                [
                   {
                       column_number: 0,
                       filter_type: "auto_complete",
                   }
                   'footer',
                {
                    cumulative_filtering: true,
                }
            );
            t.draw();
            }
        });
    });

but When i type any data in the text box its not searching it.
I also tried Select filtering type that also not working,select box stays empty apart from default label.
anyone knows whats the Problem ?

Answer 1

Grab the 0.9.0.beta.12 and use column_data_type: rendered_html for the filter, see docs

{
    column_number: 0,
    column_data_type: rendered_html,
    filter_type: "auto_complete",
}

As to your range slider - the following setup should be used (notice the ignore_char / filter_plugin_options

{
    column_number: 2,
    filter_type: "range_number_slider",
    ignore_char: "%",
    filter_plugin_options: {step:0.01}
}

see working jsfiddle

If that won't help, provide a jsbin sample with your issue