Javascript 如何重新确定jqGrid筛选器工具栏的宽度

我的网格只有一列，因此搜索工具BA与整个页面一样宽。我添加了一个css元素以减小宽度：

.ui jqgrid.ui搜索表.ui搜索输入>输入， .ui jqgrid.ui搜索表.ui搜索输入>选择 { 显示：块； -moz框大小：边框框； -webkit框大小：边框框； 框大小：边框框； } 这是我的代码：

.ui jqgrid hdiv{overflow-y:hidden；}， .ui jqgrid.ui搜索表.ui搜索输入>输入， .ui jqgrid.ui搜索表.ui搜索输入>选择 { 显示：块； -moz框大小：边框框； -webkit框大小：边框框； 框大小：边框框； } 装运可视性 jQuery.readyfunction{ var grid=jQueryshipment\u grid； var mainGridPrefix=s； grid.jqGrid{ url:“${pageContext.request.contextPath}/GetRuckShipmentJSONAction？truckId=”+， 数据类型：json， mtype:'获取'， 有一次：是的， colNames:[“潜在客户跟踪”]， colModel：[ {name:'trackingNr'，宽度：100} ], rowNum:10， 高度：自动， 宽度：750， idPrefix:mainGridPrefix， 自动高度：正确， 行列表：[10,20,30]， 寻呼机：jQuery'Shipping\u grid\u pager'， sortname:'trackingNr'， 分拣员：描述， jsonReader：{ 根：记录， 第页：第页， 重复项：false }, viewrecords：是的， 奥尔特罗斯：错， gridview：没错， 多选：对， 希德格里德：错， shrinkToFit：是的， forceFit：对， idPrefix:mainGridPrefix， 描述：装运概述， 子网格：对， 处理前：functiondata{ //自定义分页右侧的记录文本 jqGrid'setGridParam'，{recordtext:{2}已找到装运。显示{0}到{1}； var rows=data.records，l=rows.length，i，item，subgrids={}； 对于i=0；i如何减小筛选器工具栏的宽度？

要解决此问题，可以在需要更改搜索字段选项的列中添加searchoptions.attr属性和其他属性。比如说

搜索选项：{attr:{size:18，maxlength:18，style:width:130px；边距顶端：1px；} 请参阅更新的演示

我建议您另外添加CSS规则

/*删除IE中的清除x零件*/ .ui jqgrid.ui搜索表.ui -搜索输入>输入：：-ms清除{ 显示：无； } 在IE10和更高版本中具有相同宽度的输入框

更新：要使用jqGrid的clear功能，可以使用searchoptions.clearSearch选项。结合在输入框上设置宽度样式，可以使用

.ui jqgrid.ui搜索表.ui搜索清除{宽度：100%；} .ui jqgrid.ui搜索表.ui搜索清除{float:left；} 及

搜索选项：{ clearSearch：没错， 属性：{size:18，maxlength:18，style:width:130px；页边距顶端：1px；} }

---

请参见

我喜欢clear x功能。它现在离搜索框很远。我想把它放在搜索框旁边。我该怎么做？@Terry:看我答案的更新部分。它很有效，谢谢。当我在较大的主网格中单击一行时，实际上会显示此网格，但我有以下问题：当我双击主网格中的一行时，新网格将以正确对齐的clearSearch x打开，但较大网格中的过滤器框会完全收缩，因为css.ui jqgrid.ui search table.ui search clear{width:100%；}在较小的网格中，位于主网格的上方。如何确保这个css只影响较小的网格？@Terry:对不起，你能描述一下测试用例来重现这个问题吗。双击一行什么也不做。为什么新电网可以开放？您可能是指您当前使用的另一个代码。在这种情况下，你应该打开新的问题，如果可能的话，用测试用例清晰详细地描述：重现问题的步骤。我的问题是，我有两个网格父网格和子网格。这不是网格和子网格的关系；这两个网格定义在两个。。。标签。如何确保css代码：.ui jqgrid.ui search table.ui search clear{width:100%；}.ui jqgrid.ui search table.ui search clear a{float:left；}仅应用于其中一个网格