我们如何在DataTables中更改搜索字段的宽度

前端之家收集整理的这篇文章主要介绍了我们如何在DataTables中更改搜索字段的宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我可以更改dataTables中搜索文本字段的宽度吗?

我正在编写以下代码,但它无效.

$('#example').dataTable()
          .columnFilter({   sPlaceHolder: "head:before",aoColumns: [    { type: "text",width:"10px" },{ type: "date-range" },{ type: "date-range" }
                        ]

        });

如果我的dataTables是动态生成的,如下面的gven:

$('#example').dataTable({
                                "aaData": aDataSet,"aoColumns": [
                                    { "sTitle": "#","sWidth": "10px" },{ "sTitle": "ID" },{ "sTitle": "Staff Name" },{ "sTitle": "Rig Days" },{ "sTitle": "Manager"},{ "sTitle": "Grade"},{ "sTitle": "Tools"},{ "sTitle": "Vacations"},{ "sTitle": "Presently On"},]
                            });
                            }

如何在此动态创建的DataTable中添加搜索字段以按列搜索

解决方法

要更改搜索框宽度,我所要做的就是进入我的.css文件并输入以下内容
.dataTables_filter input { width: 300px }

猜你在找的jQuery相关文章