Why my filtering columns (aocolumns?) not adjust width with your 'master'(mother) column?

Why my filtering columns (aocolumns?) not adjust width with your 'master'(mother) column?

0 down vote favorite

Why my filtering columns (aocolumns?) not adjust width with your 'master'(mother) column?

I'm using this jquery plugin: http://datatables.net/index

To understand what I mean, a image say more than words: http://img6.imageshack.us/img6/8521/mke6.png

-This columns above, are the filtering columns, so for example, the first filtering column ( which has a textbox to digit the filtering word) occupies the width of virtually almost the width of two columns mothers

-and the second column filter, which has a dropdown respect to the second column up / mother is practically aligned with the third column

-the fourth column filter, which is filtering numerically data of from (x) to (y) should be aligned with aa fourth column mother but is aligned with the sixth

 


  1.  $("table#GridView1").dataTable().columnFilter( { //sPlaceHolder: "foot:before", "aoColumns": [ //{ "type": "number-range" }, {"type": "text", width: "50px" }, { "type": "select" }, { "type": "text" }, //null, //{ "type": "date-range", width: "50px" }, {"type": "number-range", width: "50px" }, { "type": "select" }, { "type": "select" }, { "type": "date-range"}, //{ "type": "date-range", width: "50px" }, { "type": "select" }, { "type": "select" }, ] });


the piece of code to add a new filter column is this, I modify the width and nothing happens.

So how can I make the filter columns, align with its reference above column-the mother column to which they make reference?


sorry for my bad english grammar.

=== Thanks in advanced