column filters do not appear at all - user error?

[GoogleCodeExporter]

I am having trouble getting columnFilters to show the expected input fields 
anywhere near the table. On the other hand, both dataTables and rowGrouping do 
work with this table.

I have attached both the actual <table> I want to have filtered 
(generated-table.txt) and the JS code for $j(document).ready() 
(setting-up-table.txt).

Results are identical regardless of the actual aoColumns definition for 
columnFilter: there does not appear to be any change, but also no error 
message. So '.columnFilter()' also does not yield the expected result. Also, I 
do not get further when I leave out rowGrouping.

jquery.dataTables.columnFilter.js is loaded, as I could step into its code with 
firebug's js debugger.

I have dataTables 1.8.1, rowGrouping 1.0, and columnFilter 1.2.1 (but the same 
issue applies to columnFilter 0.9.0)

I hope this is something trivial like a not-well-enough-formed table or some 
other mistake on my part. How do I do this right?

Original issue reported on code.google.com by houset...@gmail.com on 27 Jul 2011 at 11:39

Attachments:

• generated-table.txt
• setting-up-table.txt

[GoogleCodeExporter]

Can you set this up in jsfiddle.net and provide a link. That will make it 
easier to visualize and debug.

Original comment by gerard.d...@cwlake.com on 29 Jul 2011 at 2:43

[GoogleCodeExporter]

Oh wow cool, I didn't know something like that existed!

http://jsfiddle.net/yWaVM/

The Javascript section is rather large because of copies of dataTables, 
rowGrouping, and columnFilter; this makes syntax highlighting slow. Setting up 
dataTables, rowGrouping, and columnFiler happens at the end of the Javascript 
section.

with the table provided both dataTables core and rowGrouping seem to apply just 
fine; only from columnFilter I do not seem to get the expected result, nor an 
error message.

Original comment by houset...@gmail.com on 1 Aug 2011 at 9:50

[GoogleCodeExporter]

It seems clicking update generates a different URL: 
http://jsfiddle.net/yWaVM/2/ is the one that uses the same libraries as my 
"project"

Original comment by houset...@gmail.com on 1 Aug 2011 at 9:53

[GoogleCodeExporter]

Hi,

As far as I see you are not using a valid datatble. You have customized several 
DOM elements (e.g. instead of the standard footer you have placed pagination, 
you are not using DT pagination, you have added your custom sorting in columns, 
etc) so DT is not properly initialized. 
I have replaced your custom TFOOT with expected dom and some filters are shown, 
however when DT filtering function is called it still does not return anything. 
I think that you have made too much customization and that this breaks 
filtering.
If you want to use your custom DOM that is not compatible with datatables DOM, 
you will need to implement custom filtering too.

Regards,
Jovan

Original comment by joc...@gmail.com on 27 Sep 2011 at 5:49

[GoogleCodeExporter]

Closes functionality you can et is shown in the 
http://jquery-datatables-column-filter.googlecode.com/svn/trunk/issue22.html. 
Name filter works; however, when you do anything (e.g. sort, change length) 
Aktion column is cleaned. This is probably some issue with the DOM of the 
DataTable.
You can se how valid datatables+column filer+row grouping works on the 
http://jquery-datatables-column-filter.googlecode.com/svn/trunk/rowGrouping.html
.

Jovan

Original comment by joc...@gmail.com on 27 Sep 2011 at 6:09

• Changed state: Invalid
• Added labels: Priority-Low, Type-Other
• Removed labels: Priority-Medium, Type-Defect