Easyui datagrid showFooter 位置放到表格上面

最新推荐文章于 2021-01-14 06:21:04 发布

SuperCookies

最新推荐文章于 2021-01-14 06:21:04 发布

阅读量634

点赞数 1

分类专栏： easyui

本文链接：https://blog.csdn.net/SuperCookies/article/details/108753449

版权

easyui 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

easyui-datagrid showFooter 位置放到表格上面方法

一、方法：
二、注意事项：
三、示例：

一、方法：

在列表的onLoadSuccess 函数中添加如下方法showFooterMove(gridId）；其中参数gridId为列表的id值

function showFooterMove(gridId){
	//左边的行号
	$("#"+gridId).parent().addClass(gridId)
    var body1 = $(".datagrid-body",$("."+gridId+" .datagrid-view1"));
    var footer1 = $(".datagrid-footer",$("."+gridId+" .datagrid-view1"));
    //添加到header div 之后
    $("."+gridId+" .datagrid-view1").find("div").eq(0).after(footer1);   
    //右边的数据内容                
    var body2 = $(".datagrid-body",$("."+gridId+" .datagrid-view2"));
    var footer2 = $(".datagrid-footer",$("."+gridId+" .datagrid-view2"));
    //添加到header div 之后
    $("."+gridId+" .datagrid-view2").find("div").eq(0).after(footer2);
}