增加jqGrid頁腳高度

我有一個MVC應用程序中的jqGrid。我通過添加一個自定義CSS文件來增加字體大小，其樣式如下所示。增加jqGrid頁腳高度

custom.css

.ui-jqgrid, 
.ui-jqgrid .ui-jqgrid-view, 
.ui-jqgrid .ui-jqgrid-pager, 
.ui-jqgrid .ui-pg-input { 
    font-size: 14px; 
}

這工作正常。但是，現在的問題是網格的頁腳沒有展開以正確顯示增加的字體大小。

正如你可以看到，尋呼機切斷頁碼。我試着在StackOverflow上實現發現here的解決方案，但是這並沒有改變頁腳。

custom.css

.ui-jqgrid .ui-jqgrid-sdiv .footrow { height: 55px }

會有人介意幫我出如何增加jqGrid的頁腳的高度？

來源

2016-08-18 Nathon

，你總是寫這一點很重要**您使用的jqGrid的版本，並從其中的jqGrid **（[自由的jqGrid（叉https://github.com/ free-jqgrid/jqGrid）4.14.4，商業版[Guriddo jqGrid JS]（http://guriddo.net/?page_id=103334）5.1.1或舊版本的jqGrid版本<= 4.7）。我建議你嘗試通過將URL改爲jqGrid文件免費試用jqGrid 4.14.4（參見[wiki]]（https://github.com/free-jqgrid/jqGrid/wiki/Access-free-jqGrid-from-different-CDNs ））。順便說一句**頁腳**在頁面上方*，因此'.ui-jqgrid .ui-jqgrid-sdiv .footrow {height：55px}'不能幫助你。 – Oleg

只有當您必須**使用舊的jqGrid並且無法升級到新版本的免費jqGrid時，您可以嘗試使用'.ui-jqgrid> .ui-jqgrid-pager {height：汽車; min-height：25px;字體大小：14px的; }'或者在整個分頁器上增加'.ui-jqgrid> .ui-jqgrid-pager'的高度而不增加'font-size'。您還需要增加'.ui-jqgrid .ui-pg-input'的'height'，例如'.ui-jqgrid .ui-pg-input {height：16px; font-size：14px; }' – Oleg

對不起奧列格。這裏是版本。 jQuery JavaScript Library v1.12.4 jQuery UI - v1.12.0 - 2016-08-16 jqGrid by Trirand v4.4.4 – Nathon

嘗試是這樣的

$(pager_id).css({"height":"55px"});

來源

2016-08-18 15:54:30 edbird88

這部分工作edbird88。頁腳現在更高，但是像保存當前頁碼的控件不會更大。這意味着頁碼仍然被切斷。 – Nathon

謝謝大家的輸入！你把我放在正確的道路上。最終，這是爲我解決它。我更新了我的custom.css以獲得以下內容。的.ui-的jqGrid，的.ui-的jqGrid的.ui-的jqGrid視圖，的.ui-的jqGrid的.ui-的jqGrid-尋呼機，的.ui-的jqGrid的.ui-PG-輸入{ 字體大小：14px的; } .ui-jqgrid .ui-jqgrid-pager { \t height：25px; } .ui-jqgrid .ui-pg-input { \t height：22px; } – Nathon

增加jqGrid頁腳高度

回答

相關問題