如何调整jquery数据表的列过滤器插件控件 [英] How to Resize column filter plugin controls for jquery datatable
问题描述
大家好我在asp.net中管理了jquer数据表，但无法调整列过滤器插件控件的大小，让我知道是否有人可以帮助.....
Hi every one i managed the jquer datatable in asp.net, but unable to resize the column filter plugin controls, let me know if some one can help .....
$（table＃tblOscarNominees）。dataTable（）。columnFilter（
{
// sPlaceHolder：foot：before，
aoColumns：[
null，// {type：数字范围}，
{type：text，width：50px}，
{type：select}，
{type：text，width：50px}，
{type：number-range，width：50px}，
{type：select}，
{type：select}，
{type：date-范围，宽度：50px }，
]
}）;
$("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" },
]
});
为了更好地理解这里是image
[IMG] http://i45.tinypic.com/10xy8nq.jpg [/ IMG]
如果有任何事情从这篇文章发出请原谅我
和更多详情请查看此链接以了解从开始......
它可以帮助一些需要这个的人。
http://www.reddyinfosoft.blogspot.in/2012/12/jquery-datatable-plugin-in-aspnet-using.html [ ^ ]
推荐答案
（table＃tblOscarNominees）。dataTable（）。columnFilter（
{
// sPlaceHolder：脚：之前，
aoColumns：[
null，// {type：number-range}，
{type：text，宽度：50px}，
{type：select}，
{type：text，width：50px}，
{type：number-range，width：50px}，
{type：select}，
{type：select}，
{type：date-range，width：50px}，
]
}）;
("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" },
]
});
为了更好地理解这里是图片
[ IMG] http://i45.tinypic.com/10xy8nq.jpg [/ IMG]
如果有任何事情来自这篇帖子请原谅我
，有关详细信息，请查看此链接从一开始就开始...
它可能会帮助一些需要这个的人。
http://www.reddyinfosoft.blogspot.in/2012/12/jquery-datatable-plugin-in -aspnet-using.html [ ^ ]
这篇关于如何调整jquery数据表的列过滤器插件控件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
