How to Resize column filter plugin controls for jquery datatable

varaprasadreddy

how can i resize column filter plugin controls for jquery datatable. I used below code for column filter plugin but it didnt changed...
I hope some one can solve my problem...

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

for better understanding please see this image

[IMG]http://i46.tinypic.com/2naoc43.jpg[/IMG]

and for more details please check this link

http://www.reddyinfosoft.blogspot.in/2012/12/jquery-datatable-plugin-in-aspnet-using.html