Update all other selects on footer based on active select filtered

lanea07

Hello:

I have a datatable in which I have several select to filter column data. What I want to achieve is that when I choose an option from any of these select, all the others present in the table should show only the data available after the filter is applied. E.g.: if I choose "Administración" value in the first column select, next column should hide value "Bodega" since this value is not contained in any "Administración" row

My example:
https://jsfiddle.net/h7s30ecu/

My dataTable Info:

Information about 1 table available

tblDirectorioOperaciones

Data source: DOM
Processing mode: Client-side
Draws: 3
Columns: 8
Rows - total: 331
Rows - after search: 331
Display start: 0
Display length: 10

colin

Hi @lanea07 ,

This example here should help, it's showing the same thing,

Cheers,

Colin

lanea07

Very nice, I'll take it to my project. Thanks