Search

My Code is; columns:[ .... { "searchable": true, data:'change', "render":function(data,type,row){ if(type ==="display" || type === "filter"){ if(parseFloat(row.change) === 0 ){ return '<span class="" style="color:#fff">0</span>'; }else if(row.change===null) { return '<span class="no-score" style="color:#fff">-</span>'; }else{ return row.score_color=='positive'?'<span style="color:#329476">'+row.change+'</span>': '<span style="color: #ff4d4d">'+row.change+'%'+'</span>'; } }else{ return parseFloat(row.change); //For sorting } } } ....... ]

City Action ** So 1. Filter row being added below

adapt it to simply filter rows based on the

The example provided will search on start date and salary, but does not display the selected option after. I'm unable to determine which filter has been selected. Is there a solution to display what is selected?

you would need to filter the rows first before

currentSnapshot = table.settings().init().snapshot; activeDashboardManager.showProductsView2BySearchSort($('#datatable-products').DataTable() .rows({ filter: 'applied' }).data()); }) .on('datachange.dt', function()

else { alert('Please revise your FILTER selection as the \n'

is to repurpose the filter input element (this example

Your dom configuration is placing the filter input below the table.

to perform a range filter. You can use any