Quantcast
Channel: Recent Discussions — DataTables forums
Viewing all articles
Browse latest Browse all 82778

Issue with re-initializing dataTable having columnFilter with type checkbox.

$
0
0
Ref:

jquery.dataTables.js 1.9.4
jquery.dataTables.columnFilter.js 1.5.1.


I'm having issue with reinitializing jquery datatable when any search criteria changes with the click of show result button.

It works fine with first load & doing sorting / filtering as expected but if i change criteria & rebuild the table, it is giving me javascript error as "'oFeatures' is null or not an object" when i try to apply filter by select/deselect any checkbox (with second load onwards).

Below code which is used to generate datatable with filter options after getting json result from server & html getting appended to #resultTable

 
var resultTable = $("#resultTable").dataTable({
    "bAutoWidth": false,
    "bFilter": true,
    "bJQueryUI": false,
    "oSearch": { "bSmart": false },
    "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
    "iDisplayLength": 50,
    "aoColumns": [
                   { sWidth: "10px" }
                 , { sWidth: "200px" }
                 , { sWidth: "210px" }
                 , { sWidth: "50px" }
                 , { sWidth: "80px" }
                 , { sWidth: "80px" }
                 , { sWidth: "50px" }
                 , { sWidth: "80px" }
                 , { sWidth: "80px" }
                 , { sWidth: "80px" }
                 , { sWidth: "80px" }
                 , { sWidth: "50px" }
                 ]
}).columnFilter({
    "sPlaceHolder": "head:after",
    "aoColumns": [
                null,
                null,
                { type: "checkbox" },
                { type: "checkbox" },
                { type: "checkbox" },
                null,
                null,
                null,
                { type: "checkbox" },
                null,
                null,
                null
               ]
});  

furthermore,
 #resultTable 
& html is been created on the fly based on json response from server.

So far:

I tried applying various options before re-loading datatable like below..

 $("#resultTable").dataTable().fnUpdate();

 $("#resultTable").dataTable().fnFilterClear();

But no luck yet..!! :( , it works well with select (dropdown)... unable to trace what is wrong with checkbox options,

Any help would be greatly appreciated!

Thank you!
Jay

Viewing all articles
Browse latest Browse all 82778

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>