easyui的datagrid使用小技巧

easyui 的 datagrid的部分使用方法:    $('#xxxx').datagrid({        url : './xxxx',//获取请求的url        method : 'post',        singleSelect : true,        selectOnCheck : true,        fitColumns : true,        remoteSort : false,// 定义从服务器对数据进行排序        autoRowHeight : true,//自动换行        rownumbers : true,//是否显示列的序号        //queryParams: "",//初始化时可以代写参数进去查询        columns:[],        border : false,        fit : true,//自适应父容器的大小        loadMsg : '正在查询数据，请稍候...',//查询加载时候的提示        pagePosition : 'bottom', //分页的控件的位置        pageSize : 20,//默认显示每页数目        pageList : [20,50,100], //可以选择的每页的显示数目        pagination : true});对于分页的显示方式可以多样化，有一种比较美观的就是:$('#xxxx').datagrid('getPager').pagination({        layout:['list','first','prev','sep','links','sep','next','last','manual','refresh'],        beforePageText : '跳转到第',// 页数文本框前显示的汉字        afterPageText : '页    共 {pages} 页',        displayMsg : '当前显示 {from} - {to} 条记录   共 {total} 条记录'    });

如图:分页控件的显示样式