Support DataTables individual column filtering

subsribe

subscribe

I have been trying to place this patch in the code without success. Does anyone have any tricks or an example of the updated code?

This patch adds JS support but does not turn on the bColumnFilter boolean to datatables so that this code will be used. So, this patch won't do anything without more work.

Here is a re-rolled patch that includes code from #2 at https://www.drupal.org/node/980424. I rolled it against 7.x-2.x with DataTables 1.9. Should be fairly easy to port to DT 1.10 or 7.x-1.2.

Since last patch was rerolled against 7.x-2.x let's collect reviews to get RTBC asap.

BTW: I would love to see a follow up D8 latest dev! 1+

Can somebody please confirm that this patch still works on D7?

i think this patch woudn't work with DT version 10.11.19
there is another issue with stateSave
I suggest this code
The code below is taken almost verbatim from the examples at datatables.net
http://www.datatables.net/examples/api/multi_filter.html

 var datatable = $(selector).DataTable(settings);
if (settings.bMultiFilter) {
            var fPosition=settings.bMultiFilter_position; //header or footer
            datatable.columns().every( function (index) {
              var that = this;
              $( 'input,select', this[fPosition]() ).on( 'keyup change', function () {
                if ( that.search() !== this.value ) {
                  that
                      .search( this.value )
                      .draw();
                }
              });
              //stop ordering with mutil filter
              if (settings.bMultiFilter_position == "header") {
                $('input,select', this[fPosition]()).click(function (event) {
                  event.stopPropagation();
                });
              }
              //load value if stateSave is on
              if(settings.bStateSave && settings.searchCols_data){
                 var value_search=settings.searchCols_data[index].search['search'];
                 if(value_search.trim()){
                   $('input,select', this[fPosition]()).val(value_search);
                 }
              }
            });
          }