2017-07-08 222 views
1

我試過以下代碼,我的jQgrid的100%寬度。jQgrid 100%寬度

height: "100%", 
autowidth: true, 

我已經改變的CSS - (從另一個線程參考)從固定佈局來自動以避免不必要的水平條。單槓

.ui-jqgrid .ui-jqgrid-htable { 
    table-layout: auto; 
    margin: 0em; 
} 

.ui-jqgrid .ui-jqgrid-btable { 
    table-layout: auto; 
    margin: 0em; 
    outline-style: none; 
} 

現在的問題是解決了,但我在面臨新的佈局問題,這是附加的圖像中突出顯示。

我能做些什麼來避免這個頭寬度不匹配?

Click here for image.

+1

使用哪個版本的jqGrid?有沒有完整的測試數據示例的機會?我認爲問題在於數據閱讀器和數據的配置。簡單的測試是檢查非常簡單的網格和數據。請指定jQuery UI和哪個版本的jQuery使用哪個版本? –

+0

@TonyTomov我正在使用1.9.2 –

+0

@BR:1.9.2是jQuery或jQuery UI的版本,而不是** jqGrid **的版本,這是最重要的。 – Oleg

回答

1

我試了很多,但甚至升級了我的jqGrid,但它不工作。最近我還嘗試了最新版本(從GitHub - build date - 11/07/17)jqGrid,它解決了我的問題。

+0

當前答案不包含任何信息。您沒有回答關於您使用的jqGrid的哪個分支**的問題。有兩個主要的叉子,你可以在GitHub上找到:[免費jqGrid](https://github.com/free-jqgrid/jqGrid)和[Guriddo jqGrid JS](https://github.com/tonytomov/jqGrid )。哪一個你使用noq和你以前使用過哪一個? – Oleg

+0

@Oleg編輯我的答案.. –

+1

行。我明白了,你決定購買**商業廣告牌Guriddo jqGrid JS。不要忘記購買它。請參閱[這裏](http://guriddo.net/?page_id=103334)價格。 – Oleg

0

table-layoutauto轉變是絕對錯誤的,它可能是你的問題的根源。的jqGrid保持列標題和在單獨的表table.ui-jqgrid-htabletable.ui-jqgrid-btable的數據。設置table-layout: auto;將在具有在網格長內容的情況下,打破列的寬度。不過,我認爲你還有一個問題,因爲你所包含的圖片沒有長串。

只有當您提供演示時,您才能解決您的問題,這樣會重現問題。我想你的問題沒有描述你的問題的真正起源。我想,你增加了font-sizepagging,並做到了沒有正確完整。我以前見過典型的錯誤被的主數據(.ui-jqgrid tr.jqgrow > td的內部的pagging而不使增加相同改變第一隱藏行.ui-jqgrid tr.jqgfirstrow > td或而不在列標題.ui-jqgrid .ui-jqgrid-htable th改變設置。

,我建議你檢查paggingfont-size第一行的列標題(table.ui-jqgrid-htable)和電網數據(table.ui-jqgrid-btable)的。我猜你直接間接持有改變設置異步設置(不列標題和網格數據的第一行是相同的)。

+0

感謝@Oleg,我明白你的意思,我需要做的自動佈局以外的東西。我已經檢查了字體大小以及類型,而不是關於這個問題。而且我要添加完整的代碼很快.. –

+0

@BR:歡迎您!我想你的問題不在你的** JavaScript代碼**中,但你有CSS衝突。因此,最好提供**演示**(例如,在[FSFiddle](https://jsfiddle.net/)中),這會再現問題。 – Oleg

+0

我通過最新的jqGrid解決了這個問題.. –