Question

如何使easyui在没有数据的情况下显示滚动条

Answer 1

　　?相信很多使用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的真实加载内容，就是要显示的数据。