Column Filter - External Form don't work with IE7

gizzy2k7

Hi folks,

the Problem is that the ColumnFilter seems to not work with the sSelector in IE7.

The Datatables is running in Intranet, so just Screenshots:
In FF it is shown correctly: http://download.eyecook.net/ff19.jpg
In IE7 it looks like that: http://download.eyecook.net/ie7.jpg

The Code in Init:
[code]'...
}).columnFilter({

aoColumns: [
null,
{ sSelector: "#filterort", type: "select", values: ['.$this->getort($usermnr).'] },
{ sSelector: "#filterabt", type: "select", values: ['.$this->getabteilung($usermnr).'] },
{ sSelector: "#filtergebz", type: "select", values: ['.$this->getgebz($usermnr).'] },
{ sSelector: "#filtertyp", type: "select", values: ['.$this->getgtyp($usermnr).'] },
null,
{ sSelector: "#filterherst", type: "select", values: ['.$this->getgherst($usermnr).'] },
{ sSelector: "#filtereinw", type: "select", values: ['.$this->geteinwpfl($usermnr).']}

]
});
...
'[/code]

My Filter Table:
[code]



Filter




Standort:

 
Abteilung:

 
Geräteart:

 
Hersteller



Typ:

 
Einweisungspfl.:

 








[/code]

Is there any solution for this??

gizzy2k7

anyone?

venkatgoutham

hi gizzy,

it's not working ff also for me. please show me Ur code. i'll do like dat

gizzy2k7

Just fixed it:

You have to change one row in the file "jquery.dataTables.columnFilter.js" by yourself until a new Version appears where the bug is fixed.

Link to File: http://jquery-datatables-column-filter.googlecode.com/svn/trunk/media/js/jquery.dataTables.columnFilter.js

Change Row 341:
[code] var r = '' + sLabel + '';[/code]

to
[code] var r = '' + sLabel + ''; [/code]

Reason: Browser interprets in IE<9 javascript function ".innerHTML" only VALID Html. And there is no class tag alowed in select element.

Hope i helped