| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Layui</title>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <link rel="stylesheet" href="css/layui.css" media="all">
- <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
- </head>
- <body>
-
- <table class="layui-hide" id="test" lay-filter="test"></table>
-
-
- <script src="layui.js" charset="utf-8"></script>
-
- <script>
- layui.use('table', function(){
- var table = layui.table;
-
- table.render({
- elem: '#test'
- ,url:'/test/table/demo3.json'
- ,toolbar: true
- ,title: '用户数据表'
- ,totalRow: true
- ,cols: []
- ,page: true
- ,response: {
- statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0
- }
- ,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
- return {
- "code": res.status, //解析接口状态
- "msg": res.message, //解析提示文本
- "count": res.total, //解析数据长度
- "data": res.rows.item //解析数据列表
- };
- }
- });
- });
- </script>
- </body>
- </html>
|
