jqGrid鎖定列實現及高度不一致解決

2021-08-14 18:40:26 字數 798 閱讀 7336

公司專案需要實現**左側兩列鎖定,研究了一下,發現不難。

jquery("#grid").jqgrid(,

, datefmt: 'd-m-y'},,,

,],

rownum: 10,

rowlist: [5, 10, 20],

...}).jqgrid('setfrozencolumns');

兩處:colmodel中鎖定列新增屬性frozen:true,最後新增一句jqgrid(『setfrozencolumns』);

高度不一致問題:

鎖定後,發現鎖定列比右側滾動列略向下,體驗非常不好,官方文件中並沒有相應的解決方法,找到一篇部落格,其採取hack方法,和自己的實際問題結合了一下,最後解決了。

主要思路:

var listid = 'list1';

var divtop = -1;

var bdivtop = -1;

$('#gview_' + gridid + ' .frozen-div').css();

$('#gview_' + gridid + ' .frozen-bdiv').css();

我直接給top設定了具體值。

總結一點工作方法吧:

如上,實現鎖定列需要給colmodel中新增屬性frozen:true,但因為專案中該資料是直接從後台獲取的,開始我還設想著靠自己新增這個屬性,但一直不得其解,沒找到方法。最後嘗試著跟開發溝通了下,才發現從後端新增特別簡單。這也是給自己的乙個教訓,多溝通,多請教,不要一味沉浸在自己的世界。

jqGrid如何實現動態列

最近在乙個專案中需要實現jqgrid動態列功能,然而jqgrid並沒有很好的支援這個功能,在網上查閱了很多資料,最後看到乙個部落格的思路大概想出了怎麼解決。由於我們使用的 主要是jqgrid 和 dataggrid來實現的,按照相關api可以輕鬆的實現 但是有時候在不知道到底有多少列的時候jqgri...

jqGrid實現當前頁列合計與總計

當前頁列合計 js 如下 footerrow true gridcomplete function else userdataonfooter true 設定footerrow true,userdataonfooter true,在gridcomplete中用jquery this getcol ...

CSS實現div不設高度完全居中

要求 body下div垂直居中 div內文字垂直居中 div寬度和高度均為body寬度的一半 分析div居中不難,考慮 margin 或者 left top 配合 translate 屬性實現 關鍵點在於div高度等於body一半,由於body沒有高度,設定div height 50 得到的結果是d...