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

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

所属分类：UI-图表

 67701  601  查看评论 (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响应式表格插件ReStable

 jQuery restable是一个非常简单轻量级（~ 1KB）的jQuery插件,它可以将表格在指定的响应式断点时，使表格结构切换为无序列表结构，以适应在小屏幕设备中显示表格数据。
  图表
 31643  316

jquery甘特图实例

 JQUERY甘特图实例
  图表
 53582  344

jQuery表格奇偶行样式插件tableUi.js

 表格样式包括默认样式、滑入滑出样式自定义，简单实用。
  图表
 28258  302

ets实现汽车动态仪表盘

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

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

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