相信很多使用easyui控件的的朋友都發現，當easyui的datagrid控件在沒有數據可加載的情況下，datagrid的橫向滾動條是不會出現的，本人使用了easyui兩年多（是公司的組件對easyui進行二次封裝），很早已經發現這個問題，當時很明白這是easyui的本身問題，一直沒管，上司也沒要求要進行改進。直到最近項目的需求人員提出來，纔去改進這個問題。
既然這是easyui本身的問題，當然得從easyui的源代碼入手，這樣只要源代碼支持沒有數據可加載的情況下也出現滾動條，整個項目的所有datagrid都會出現滾動條。所以得想辦法修改源代碼。
easyui的datagrid控件主要的內容包裝在一個class=”datagrid-view”的div中，這個div下又包括一個class=”datagrid-view1”的div和class=”datagrid-view2”的div，第一個div是表格的複選框，第二個是真正顯示我們內容的區域。所以，我們需要改動的是class=”datagrid-view2”的div裏的內容 。class=”datagrid-view2”裏有兩個table標籤，第一個table標籤是顯示的是datagrid的表頭信息，第二個table標籤存放的是datagrid的真實加載內容，就是要顯示的數據。
我們需要做得就是在第二個表格外嵌一個div標籤，並且設定其寬度等於表頭的寬度（即第一個table的寬度），這樣就會在沒有數據的情況下顯示橫向滾動條。
好了，知道怎麼改，就該找到源碼去作修改了，本人的是壓縮版的1.2.4版本的easyui,只要找到生成上面所說的class="datagrid-view1"和class="datagrid-view2"的兩個div的代碼，作出相應的修改即可，以下是我改動的代碼，只要添加紅色框中的內容即可。
加上了紅色框中的代碼，沒數據的情況下也能顯示滾動條：
