jqgrid過濾器搜索，但切斷

Question

我有我的jqgrid搜索過濾器工具欄的問題。它出現在過濾器字段被截斷。

我試圖增加ui.jqgrid.css高度...

.ui-jqgrid .ui-search-table { padding: 0; border: 0 none; height:20px; width:100%;} 

而且確實也使檢索表更高度，但所有的投入都推低，漢斯甚至成爲更多的切斷。

任何人都可以給我在這裏做什麼建議嗎？直到今天我使用jqgrid 3.7與jquery ui 1.8.6，它看起來沒問題。但是今天我將我的jqgrid版本更新到了4.6.0，並且我一直在解決這個問題。

感謝您的幫助。

Answer 1

還嘗試用margin或padding添加一些額外的規則，添加以下CSS規則

.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th { 
    height: auto; 
} 
.ui-jqgrid .ui-search-toolbar .ui-search-table { 
    height: auto; 
} 
.ui-jqgrid .ui-search-toolbar .ui-search-input input, 
.ui-jqgrid .ui-search-toolbar .ui-search-input select, 
.ui-jqgrid .ui-search-toolbar .ui-search-input textarea { 
    margin: 1px 0; 
    padding: 0; 
} 

這可能是因爲可以提高過濾器工具欄的外觀。我想你的項目的其他一些CSS規則將被應用到過濾器工具欄上，但是很難建議一個CSS規則，因爲不能分析你的演示。