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
furthermore,
So far:
I tried applying various options before re-loading datatable like below..
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
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