Maison > Article > développement back-end > easyui1.5 datagrid中分页显示不正常,求教各位
1、问题描述:在使用easyui1.5时,发现datagrid中如果使用toolbar,会导致datagrid中的分页控件显示不正常!向下走了几px,如图所示:
2、调试后的发现(2点):
一、datagrid的toolbar有2中实现方法,
并非2种实现都是出现以上问题,只有使用
3、问题代码:
<code> <script> $(function(){ $('#category').datagrid({ url: '{:U("Category/getList")}', border: false, toolbar: '#tbar', fit: true, columns:[[ {field:'id',checkbox:true}, {field:'sort',title:'排序',width:100}, {field:'name',title:'栏目名称',width:100}, {field:'create_time',title:'创建时间',width:100}, ]], pagination: true, fitColumns: true, rownumbers: true, data: [ { "id": 1, "sort": 1, "name": "助力海东", "create_time": "2016-08-15 15:13:87" }, { "id": 2, "sort": 2, "name": "助力海东", "create_time": "2016-08-15 15:13:87" } ] }); }); </script> <table id="category"></table> <div id="tbar" style="padding: 5px;"> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">新增</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">修改</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">删除</a> </div> </code>
求求各位大神如果有同样问题,救救小弟,谢谢