Jquery datatable with custom filter with materialize CSS

See more:

DynamicMethod

Thanks a lot Srikant for creating the column filter popup for the datatable but I want these columns filter to be updated dynamically based on the other column filter selections. Can you please help me in this

What I have tried:

I have tried to create the following but it did not help

function updateColumnSearch(column, newTemplate) {
    var searchTerms = [];
    newTemplate.find('input[type="checkbox"]:checked').each(function () {
        searchTerms.push($.fn.dataTable.util.escapeRegex($(this).val()));
    });

    var searchTerm = searchTerms.length > 0 ? '^(' + searchTerms.join('|') + ')$' : '';
    column.search(searchTerm, true, false).draw();
}