2014-02-21 120 views
1

在jqGrid的背景顏色,我需要點以下做:jqGrid的的 1.設置備用行背景顏色。 2.設置jqgrid的標題背景顏色。如何設置替代行的顏色和的jqGrid

請分享我應該加入到我的網頁或任何jQuery腳本哪一種風格來實現呢?

感謝

+0

http://stackoverflow.com/questions/5553177/jqgrid-alternate-row-background – Unknown

+0

http://stackoverflow.com/questions/19841588/jqgrid-change-background-color-of-grouping-頭文件 – Unknown

+0

試過,'$(「。ui-jqgrid tr.jqgrow:odd」).css(「background-color」,「red」);',$(「tr.jqgrow:odd」).css(「background 「,」#FCF9E6「); 但無法更改備用行顏色。保持原樣。 – dsi

回答

3

以前問我的問題jqgrid odd even row color解決您改變jqGrid的背景色的問題。

步驟:使用1 改變列的背景顏色中的jqGrid CSS

loadComplete: function() { 
    $("tr.jqgrow:odd").css("background", "#E0E0E0"); 
}, 

步驟:2 變化低於CSS類jqgrid使用header color

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { 
    border-bottom: 0 none; 
    border-top: 0 none; 
    overflow: hidden; 
    text-align: center; 
    white-space: nowrap; 
    background: orange; 
} 
+0

謝謝,它的工作原理。 – dsi

+0

@Dhaval歡迎您。 – pudaykiran