Issues with columnfilter

paladice51

Hello everybody,

sorry if my english is bad :/.
I'm trying to add a columnfilter option to my datatables.
This is my code :

[code]
$("#tabSalesAndOpport").dataTable({
"bFilter" : true,
"bInfo": true,
"bStateSave": true,
"sPaginationType": "full_numbers",
"aLengthMenu": [[10, 50, 100, 200, -1], [10, 50, 100, 200, "All"]],
"iDisplayLength": 50,
"aoColumns": [
{ "sType": "numeric" },
null,
null,
null,
null,
null,
null,
null,
{ "sType": "numeric-comma" },
null,
{ "sType": "numeric-comma" },
null,
{ "sType": "eu_date" },
{ "asSorting": "asc" }
]
}).columnFilter({
sPlaceHolder: "head:after",
aoColumns: [
null,
{ type: "text" },
{ type: "text" },
{ type: "text" },
{ type: "text" },
{ type: "text" },
{ type: "text" },
{ type: "text" },
{ type: "text" },
{ type: "text" },
null,
{ type: "select" },
null,
null
]
});
[/code]

Before that I added columnFilter, I have this result :

http://imagik.fr/uploads/48114

After, I have this :

http://imagik.fr/uploads/48115

As you can see it, the size of my table is changing. Moreover, the filter is not before or after the header but ON the header O_o

I don't know what I can doing :'(. Do you have an idea ?
Thanks

paladice51

I forgot to say that I don't know how to have a good css for the headers (for the moment, I set my own arrow for the sort) :/

paladice51

Nobody have an idea ?

paladice51

Hello ?

paladice51

The second problem is resolved. I find how to set the css for the headers.
But I don't know how to set a correct column filter yet... Do you have an idea ?