天天看點

關于jqGrid使用二級表頭拖拽導緻表頭錯位問題解決

問題描述 在使用jqGrid跟bootstrap搭配使用時會出現如下問題

關于jqGrid使用二級表頭拖拽導緻表頭錯位問題解決

經過檢視樣式不難發現是由于設定了二級表頭增加了如下這樣一個表單行造成其表頭錯位的問題。

關于jqGrid使用二級表頭拖拽導緻表頭錯位問題解決

經過對比表頭寬度跟表體寬度對比分析 發現拖動後 他們兩者之間的寬度相差12px ,為此我們可以修改其js源碼

關于jqGrid使用二級表頭拖拽導緻表頭錯位問題解決

這樣就能解決在拖拽時錯位的問題;但是還存在一個問題就是在改變窗體大小的時候表頭寬度不能自适應,為解決這個問題,可以在需要二級表頭的頁面添加如下js代碼

關于jqGrid使用二級表頭拖拽導緻表頭錯位問題解決

先銷毀已經建立的表頭,然後在建立新的表頭即可。

繼續閱讀