如何更改jQuery網格中的標題高度？

我有一個jQuery網格，5列。我的列名太大，所以我在我的jQuery網格定義是這樣的：如何更改jQuery網格中的標題高度？

Information about <br/> customers bioData

在我的jQuery列我看到「關於信息」，但我沒能看到「客戶的生物數據」。

如何設置標題高度？

來源

2010-06-14 user354625

你用什麼jQuery網格插件？ – dzida 2010-06-14 22:31:45

如果你指的是jqGrid的，它看起來像修補程序是一個CSS的調整按照下面的文章：

http://www.trirand.com/blog/?page_id=393/help/grid-header-height/ http://2centtech.blogspot.com/2009/12/jqgrid-header-and-cell-value-word-wrap.html

.ui-jqgrid .ui-jqgrid-htable th div { 
    height:auto; 
    overflow:hidden; 
    padding-right:4px; 
    padding-top:2px; 
    position:relative; 
    vertical-align:text-top; 
    white-space:normal !important; 
}

編輯：rd22在評論中發現，看起來jqGrid的某些版本在高度規則上可能有!important標誌（可能還有其他？）。所以如果你發現上面的CSS不起作用，那可能是爲什麼。只要更改上述規則，以包括height:auto !important，你應該很好去。

來源

2010-06-14 23:12:34

在它提到的博客中，在'jqgrid'的'css'加載後加載這個樣式，我們如何確保這一點？我使用上面的css，但列高仍然是固定的。 – rd22 2016-07-18 04:59:02

@ rd22通常，只要您在jqgrid CSS文件之後引用包含覆蓋的CSS文件，自然級聯就應該處理它。不過，我最喜歡的方法是確保我的CSS選擇器比我想要覆蓋的任何CSS都具有更高的特性。 – 2016-07-18 17:51:31

我發現爲什麼高度沒有得到更新。在jqGrid CSS中高度被指定爲'important'，因此我們需要提到'height：auto！important'，高度爲'auto'。 – rd22 2016-07-18 18:23:28

非常好，但對於IE瀏覽器，除了上面的類外，還需要添加下面的內容。

.ui-jqgrid table.ui-jqgrid-htable { 
    height:30px; 
}

來源

2011-09-15 07:10:52

在jQGrid文件的樣式標籤中添加以下css樣式。

<style> 
.ui-jqgrid .ui-jqgrid-hdiv {height:25px;} 
</style>

來源

2013-06-30 13:36:11 muni

您需要設置表頭（th）高度和div高度。

.ui-jqgrid .ui-jqgrid-htable th { 
    height: 30px; 
    padding: 0 2px 0 2px; 
} 
.ui-jqgrid .ui-jqgrid-htable th div { 
    overflow: hidden; 
    position: relative; 
    height: 30px; 
}

來源

2015-08-07 23:22:00 Mahesh

如何更改jQuery網格中的標題高度？

回答

相關問題