Estoy usando el complemento de tabla de datos con filtros de columna individuales , encontré que este es un excelente complemento, pero solo está filtrando los datos de la tabla, no los valores en el menú desplegable del filtro de columnas después de la selección del filtro de columna.

Aquí estoy mirando, cuando selecciono un filtro de columna, también volverá a dibujar otros filtros de columna en lugar de mostrar todos los valores en esa columna de toda la tabla.

Me veo como en este ejemplo

Si seleccioné Singapur del filtro de columna de Office, muestra 4 registros con 4 posiciones diferentes, espero solo esos 4 valores en el filtro de columna Posición. Pero está dando todos los valores únicos de toda la tabla.

Alguien me puede ayudar como puedo lograr esto?

Tengo mi código algo como a continuación:

 $('#myTableId').DataTable( { colReorder : true, initComplete: function () { this.api().columns([0,1]).every( function () { var column = this; var select = $('<select><option value="">All</option></select>') .appendTo( $(column.footer()).empty() ) .on( 'change', function () { var val = $.fn.dataTable.util.escapeRegex( $(this).val() ); column .search( val ? '^'+val+'$' : '', true, false ) .draw(); } ); column.data().unique().sort().each( function ( d, j ) { select.append( '<option value="'+d+'">'+d+'</option>' ) } ); } ); } } );