表格插件, 表格展示json数据

所属分类:UI-图表

 69108  604  查看评论 (59)
分享到微信朋友圈
X
表格插件, 表格展示json数据 ie兼容8

列名 以及该列对应的json值

var cols = [
   { title:'ID', name:'id' ,width:100, align:'center' },
   { title:'用户ID', name:'user_id' ,width:100, align:'center' },
   { title:'APPID', name:'app_id' ,width:100, align:'center'},
   { title:'来自哪个游戏', name:'from_app_id' ,width:100, align:'center'},
   { title:'奖励状态', name:'status' ,width:100, align:'center'},
   { title:'时间', name:'dt' ,width:200, align:'center'},
   { title:'操作', name:'' ,width:150, align:'center', lockWidth:true, lockDisplay: true, renderer: function(){
            return '<button  class="btn btn-info">查看</button> <button  class="btn btn-danger">删除</button>'}
        }
];

AJAX请求

var mmg = $('#active-info').mmGrid({
        cols: cols,
        url: 'adwall/activeList',
        params: {"appid":null,"status":null,"from_app_id":null},
        width: 'auto',
        height: '500px',
        sortName: 'id',// 更具ID排序
        method: 'get', // 请求方式
        multiSelect: true,// 多选
        checkCol: true, // 选框列
        indexCol: true   // 索引列
});


相关插件-图表

layui的复杂表头及数据处理总结(原创)

在layui的官网有些东西是查不到的,这给我 们造成很多的误解,在网上也找不到成套的实例用法。在这里总结了layui框架的复杂表头的拼接及数据的展示,希望给大家的开发,带来些实用的方便。
  图表
 25868  184

动态实时折线图

根据时间和数据而动态的折线图
  图表
 75263  513

ets实现汽车动态仪表盘

通过ets实现汽车动态仪表盘,包括速度,转速等的实时数据更新
  图表
 17284  207

抖音业绩销量动态排行,加载数据实现动态排名

git上的部分项目改造,根据自己的需求可以自行进行修改。一般用于大屏演示和数据展示
  图表
 14243  137

讨论这个项目(59)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    slyer 0
    2019/6/13 10:42:50
    点个赞,有教程吗? 回复
    无尘 0
    2018/4/16 12:45:18
    不错就是想找一个简单的表格 回复
    CLANNAD 0
    2017/8/3 16:07:24
    为什么第二次下载还要用jq币。。
        偷影子的人0
        2017/8/19 14:59:12

        因为爱情...

        酷头儿0
        2018/11/10 17:09:21
        为啥要币子
        slyer0
        2019/6/13 10:46:56
        尊重别人的劳动成果嘛!
    回复
    zhou_qy 0
    2017/6/14 16:59:05
    啊哦,分享
        ftmouse0
        2017/9/28 12:31:17

        好东东。。。。。。。。。。。。。。。。。。。

    回复
    迷恋丿已成殇 0
    2017/5/5 16:34:29

    感觉很不错啊

        zhou_qy0
        2017/6/15 12:52:38

        求分享,463038969@qq.com

    回复
    一只叫花花的小小鸟 0
    2017/3/16 14:32:54
    L 0
    2017/2/27 15:46:55
    很不错啊,试试 回复
    fattershall 0
    2017/2/18 16:48:43

    表头的字太多挤出来怎么处理

        琳bling0
        2018/9/18 17:00:17
        设置你td的长度,超出的部分隐藏就可以了
    回复
    潜力蓝筹股 0
    2016/12/24 10:12:31

    列表中的cell怎么设置才可以编辑,编辑焦点怎么由脚本来控制

    回复
    潜力蓝筹股 0
    2016/12/5 11:12:22
    后台返回前台json数据 报415 (unsupported media type)   怎么修改Content-Type:application/x-www-form-urlencode为  'application/json' 
        潜力蓝筹股0
        2016/12/24 10:12:54

        嗯 好的 这个自己已经解决了,添加contentType: 'application/json; charset=utf-8',  后台的数据到前台进行json格式化下也可以的

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复