1. 程式人生 > >easyui去掉datagrid的滾動條

easyui去掉datagrid的滾動條

工作過程中需要去掉滾動條這個功能,由於是特別小的知識點,所以在此記錄,以防忘記。害羞

帶滾動條時,如果資料超過規定大小則出現滾動條,否則不出現 但滾動條所佔的寬度依然存在,兩種狀態截圖如下:


去掉滾動條的方法:開啟jquery.easyui.min.js檔案,找到wrap.width();所在位置,改為wrap.width()+20;即可,或者通過修改css來完成,找到:

class="panel datagrid easyui-fluid"

class="datagrid-wrap panel-body panel-body-noheader",將width屬性減20,此時滾動條已經不顯示了,但最好再修改下面class的樣式:

class="datagrid-view"

class="datagrid-view2"

class="datagrid-header"

class="datagrid-body"

class="datagrid-footer"

將width屬性減20。修改後截圖: