search box not editable (cannot write inside for searching)

[GoogleCodeExporter]

What steps will reproduce the problem?

Using the code below the text input will not work. 

"$(document).ready( function () {
            $('#example').dataTable().columnFilter(
                      {sPlaceHolder: 'head:after',
                        aoColumns: [
                          {type: 'text'},
                          ]});      
            });"

Indeed, this produces a "class=sorting" element instead than "class=filter 
text".

What is the expected output? What do you see instead?

Input editable text box for searching the column. Instead, I get a non editable 
text box that sorts when clicked.

What version of the product are you using? On what operating system?

0.9.0

Please provide any additional information below.

Original issue reported on code.google.com by alessioc...@gmail.com on 25 Nov 2011 at 12:53

[GoogleCodeExporter]

Hi, Could you use latest version from rung? 0.9 is just demo version packed 
with examples.

Jovan

Original comment by joc...@gmail.com on 12 Feb 2012 at 1:20

• Added labels: Priority-Low
• Removed labels: Priority-Medium

[GoogleCodeExporter]

Hi,

I think that I know what is a problem. If you are using heading:after/before 
you must put duplicate heading row see 
http://jquery-datatables-column-filter.googlecode.com/svn/trunk/dateRange.html 
as example. 
I will not prevent any event that is fired by datatable plugin and therefore 
one heading row is used for Allan's datatable sorting events, while another row 
is for my column filter.

Regards,
Jovan

Original comment by joc...@gmail.com on 12 Feb 2012 at 6:32

• Changed state: Done