UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

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

所属分类：UI-图表

 68896  603  查看评论 (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   // 索引列
});


相关插件-图表
查看更多

jquery_html5_图表

 jquery_html5_图表
  图表
 38252  367

layui使用datatableajax请求json渲染数据

 基于layui，datatable.js。将datatable扩展成可以使用layui的调用方式调用的插件。当然如果想单独使用的话，将layui扩展去掉即可，可自行百度layui。
  图表
 74060  408

echarts使用示例

 静态使用echarts样式，仅作参考
  图表
 60737  503

百度ets动态添加数据

 通过点击不同按钮，进行ajax请求对ets进行数据填充.
  图表
 34319  361

讨论这个项目（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格式化下也可以的

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复