最近開發專案的過程中，遇到了調整jqgrid**的問題，專案前端框架用bootstrap進行開發，想適配任何大小的螢幕，但在調整寬度的時候發現無法通過水平滾動條來檢視顯示不出來的字段資訊，強制設定了滾動條的樣式發現不起作用，如下圖所示。
後通過瀏覽器自帶的審查元素檢視器發現設定樣式的位置不太正確，這樣是給jqgrid所在的div容器設定了水平滾動條，而我想要的效果其實是在字段顯示不開的時候，通過水平滾動條來滑動jqgrid中的table來檢視顯示不出來的字段資訊。通過檢視器對應頁面上的元素發現jqgrid的table是包含在乙個ui-jqgrid-bdiv樣式的div中的，對該div設定滾動條才是我想要的效果。
jqgrid**的設定如下：
autoscroll
:true,
shrinktofit
:false,
loadcomplete
:function(data)); }
找到maintable物件的第乙個class為ui-jqgrid-bdiv的祖先元素，強制設定滾動條的顯示，縮小螢幕jqgrid**出現水平滾動條。
closest() 方法獲得匹配選擇器的第乙個祖先元素，從當前元素開始沿 dom 樹向上。它比parent()和parents()兩個方法簡潔直觀，返回0或1個物件，避免了返回很多物件而不知道該怎麼處理的問題，非常好用。
JqGrid自適應列寬度
國內外的 都翻了一遍都沒有找到乙個通用的jqgrid能自適應列寬的方法，要麼是太繁瑣，要麼是不能用，通過參照這篇文章，自己稍作修改寫了個通用的，希望能幫到那些苦苦尋覓的人。如下 首先設定div樣式，該樣式隨意放，只要能找到就行 class ui jqgrid ui widget ui widget ...
WebView寬度自適應
webview寬度自適應 用webview元件顯示普通網頁時一般會出現橫向滾動條，這樣會導致頁面檢視起來非常不方便。其實通過設定websettings的屬性可以輕易地解決此問題，不過此設定隱藏的比較深，一般很少人會用到。12 websettings webview.getsettings webse...
寬度自適應布局
自適應布局是一種很常見的布局方式，現將常見的幾種實現方式列下 1 利用float 左右兩div分別左右浮動，不再占用文件流，塊元素div.main自動佔據整行，然後給main新增左右margin分別為左右兩塊元素的寬，如下 left right main 2 利用絕對定位 圖如上 左右兩個div分別...