Easyui Datagrid 最后一行添加合计 Easyui Datagrid 修改显示行号列宽度

Easyui Datagrid 最后一行添加合计有多种方法,由于我们列表的列比较多会出现横向滚动条,所以直接用它本身showfooter:true;会出现列表数据和合计行之间出现横向滚动条,所以选择列表最后追加合计行进行处理

1、最后一行添加合计

    后台计算好每页合计值

         

 

 

   前端在列表最后追加一列

          

 

 

   Easyui Datagrid 最后一行添加合计 就实现了

2、  Easyui Datagrid 修改显示行号列宽度  

        .datagrid-htable{

     width:66px; //宽度可根据自己需求调
text-align: center;
}
.datagrid-cell-rownumber{
width:54px!important;//宽度可根据自己需求调

text-align: center;
  }

以下是实现的页面

 

posted @ 2019-10-25 11:14  luckyb  阅读(1288)  评论(0编辑  收藏  举报