zoukankan      html  css  js  c++  java
  • layui表格数据统计

      //执行一个 table 实例
    table.render({
    elem: '#demo'
    ,height: 420
    ,url: '/demo/table/user/' //数据接口
    ,title: '用户表'
    ,page: true //开启分页
    ,toolbar: 'default' //开启工具栏,此处显示默认图标,可以自定义模板,详见文档
    ,totalRow: true //开启合计行(在这里开启合计)
    ,cols: [[ //表头
    {type: 'checkbox', fixed: 'left'}
    ,{field: 'id', title: 'ID', 80, sort: true, fixed: 'left', totalRowText: '合计:'}
    ,{field: 'username', title: '用户名', 80}
    ,{field: 'experience', title: '积分', 90, sort: true, totalRow: true}
    ,{field: 'sex', title: '性别', 80, sort: true}
    ,{field: 'score', title: '评分', 80, sort: true, totalRow: true}//(需要合计的地方加上这个)
    ,{field: 'city', title: '城市', 150}
    ,{field: 'sign', title: '签名', 200}
    ,{field: 'classify', title: '职业', 100}
    ,{field: 'wealth', title: '财富', 135, sort: true, totalRow: true}
    ,{fixed: 'right', 165, align:'center', toolbar: '#barDemo'}
    ]]
    ,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
    return {
    "code": res.code, //解析接口状态
    "msg": res.msg, //解析提示文本
    "count": res.count, //解析数据长度
    "data": res.data, //解析数据列表
    "totalRow": {
    "score": "666"
    ,"experience": "999"
    }
    };
    }
    });
    需要layui2.4+以上的版本

    转自 https://fly.layui.com/jie/64499/

  • 相关阅读:
    [实战]MVC5+EF6+MySql企业网盘实战(11)——新建文件夹2
    [实战]MVC5+EF6+MySql企业网盘实战(10)——新建文件夹
    FMXUI
    x-superobject
    mORMot
    NativeXml
    superobject
    jsondataobjects
    QDAC
    DIOCP
  • 原文地址:https://www.cnblogs.com/wqxq/p/12868692.html
Copyright © 2011-2022 走看看