JqGrid自適應列寬度

2021-08-14 04:06:29 字數 1243 閱讀 4612

國內外的**都翻了一遍都沒有找到乙個通用的jqgrid能自適應列寬的方法,要麼是太繁瑣,要麼是不能用,通過參照這篇文章,自己稍作修改寫了個通用的,希望能幫到那些苦苦尋覓的人。**如下:

首先設定div樣式,該樣式隨意放,只要能找到就行

class="ui-jqgrid ui-widget ui-widget-content ui-corner-all"

style="position:absolute;top:-9999px">

class="ui-jqgrid-view">

class="ui-jqgrid-bdiv">

style="position: relative;">

cellspacing="0"

cellpadding="0"

border="0">

class="ui-widget-content jqgrow ui-row-ltr"

style="table-layout:table">

id="tdcompute"

style="background:#eee;width:auto">

td>

tr>

table>

div>

div>

div>

div>

然後js:

//重新調整jqgrid每列的寬度

function

jqgridcolresize

())

});

$('.ui-jqgrid-labels th').each(function

(idx));//設定頁頭單元格寬度

$('.ui-jqgrid-btable tr:eq(0) td').each(function

(idx));//設定內容**中控制單元格寬度的單元格,在第一行

}

使用時在gridcomplete這個方法裡所有的邏輯都執行完後,在最後呼叫jqgridcolresize就行,如果你寫的有**寬度自適應還需要在那個函式裡再呼叫一次,不然頁面尺寸改變後,這個就不起作用了。使用方法如下:

效果圖:

ABAP ALV自適應列寬

alv輸出的時候,可以直接用layout cwidth opt來設定自適應列寬,這樣可以滿足大部分需求,但是如果alv中有編輯或者輸出,那我們需要重新定義一下列寬。如果使用的是函式alv的方式,那麼可以參考如下 data lv grid type ref to cl gui alv grid.dat...

jqgrid自適應調整寬度時如何顯示水平滾動條

最近開發專案的過程中,遇到了調整jqgrid 的問題,專案前端框架用bootstrap進行開發,想適配任何大小的螢幕,但在調整寬度的時候發現無法通過水平滾動條來檢視顯示不出來的字段資訊,強制設定了滾動條的樣式發現不起作用,如下圖所示。後通過瀏覽器自帶的審查元素檢視器發現設定樣式的位置不太正確,這樣是...

UltraWinGrid自適應列寬 行高

說幾點 displaylayout.autofitstyle 用這個屬性起不到我要的效果 以下的 可以起到效果 foreach ultragridcolumn ugc in grid.displaylayout.bands 0 columns ugc.performautoresize 更好的一種寫...