Data

<table class="layui-hide" id="ID-table-demo-data"></table> <!-- import layui --> <script> layui.use('table', function(){ var table = layui.table; // 已知数据渲染 var inst = table.render({ elem: '#ID-table-demo-data', cols: [[ //标题栏 {field: 'id', title: 'ID', width: 80, sort: true}, {field: 'username', title: '用户', width: 120}, {field: 'sign', title: '签名', minWidth: 160}, {field: 'sex', title: '性别', width: 80}, {field: 'city', title: '城市', width: 100}, {field: 'experience', title: '积分', width: 80, sort: true} ]], data: [{ // 赋值已知数据 "id": "10001", "username": "张三1", "sex": "男", "city": "浙江杭州", "sign": "人生恰似一场修行", "experience": "116" }, { "id": "10002", "username": "张三2", "sex": "男", "city": "浙江杭州", "sign": "人生恰似一场修行", "experience": "12", "LAY_CHECKED": true }, { "id": "10003", "username": "张三3", "sex": "男", "city": "浙江杭州", "sign": "人生恰似一场修行", "experience": "65" }, { "id": "10004", "username": "张三4", "sex": "男", "city": "浙江杭州", "sign": "人生恰似一场修行", "experience": "777" }, { "id": "10005", "username": "张三5", "sex": "男", "city": "浙江杭州", "sign": "人生恰似一场修行", "experience": "86" }, { "id": "10006", "username": "张三6", "sex": "男", "city": "浙江杭州", "sign": "人生恰似一场修行", "experience": "12" }, { "id": "10007", "username": "张三7", "sex": "男", "city": "浙江杭州", "sign": "人生恰似一场修行", "experience": "16" }, { "id": "10008", "username": "张三8", "sex": "男", "city": "浙江杭州", "sign": "人生恰似一场修行", "experience": "106" }], //skin: 'line', // 表格风格 //even: true, page: true, // 是否显示分页 limits: [5, 10, 15], limit: 5 // 每页默认显示的数量 }); }); </script>