thanhquang1988 / jquery-datatables-column-filter

Automatically exported from code.google.com/p/jquery-datatables-column-filter
0 stars 0 forks source link

Column Filter do not works with Fixed Header #52

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?
1. add columnFilter
2. used Fixed Header Plugin (2.0.5)

What is the expected output? What do you see instead?
If I had the Fixed Header Plugin (new FixedHeader( oTable ); ) the filter 
doesn't work anymore. 

- text-search
the typed text into text-boxes disapears, the filter is working, but can't be 
reseted

- select-box
The selection of an entry in the select box works, but can't be cleared 
anymore. Changes to another option works.

Without the line new FixedHeader( oTable ); column-filter works fine

What version of the product are you using? On what operating system?
1.4.7.
IE 7

Please provide any additional information below.

Example configuration:
var oTable = $('#example).dataTable({
            "bPaginate": false,
            "bJQueryUI": false          

    }).columnFilter({
            sPlaceHolder: "head:after",
            aoColumns: [ {type:  "text"},
                         {type:  "text"},
                         {type:  "text"},
                         {type:  "number"},
                         {type:  "select", ues:'Yes', 'No']},
                         {type:  "text" }]

        });

new FixedHeader( oTable ); 

Original issue reported on code.google.com by bauer...@gmail.com on 17 Feb 2012 at 2:54

GoogleCodeExporter commented 9 years ago
Hi,

You are right, but I have posted question on the DataTables site 
http://datatables.net/forums/discussion/8628/fixedheader-refreshes-footer-row-af
ter-updating-table because it seems to me that it is related to Fixed Header 
bug.
In the mean time could you try with some alternative e.g. 
http://jquery-datatables-column-filter.googlecode.com/svn/trunk/ScrollInfinite.h
tml or puttng filter outside the footer in the external form 
http://jquery-datatables-column-filter.googlecode.com/svn/trunk/external.html.

Jovan

Original comment by joc...@gmail.com on 18 Feb 2012 at 10:20

GoogleCodeExporter commented 9 years ago
Thank you for analysing the issue!
I tried your alternatives and I like the ScrollInfinite one. It is a great 
alternative even I like the behavior of fixedHeader a bit more.

The second example with the external form didn't render in IE7.

Thank you!

Original comment by bauer...@gmail.com on 20 Feb 2012 at 9:18