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