layui.use('table', function () { const table = layui.table; //第一个实例 table.render({ elem: '#demo' , height: window.screen.height * 0.59 , url: '/info/list' , method: 'post' , contentType: "application/json" , page: true , parseData: function (res) { //res 即为原始返回的数据 return { code: 0, msg: "", count: res.length, data: res }; } , cols: [ [ {field: 'infoId', title: 'ID', width: 80, sort: true, fixed: 'left'} ,{field: 'countryId', title: '国家名称', width: 80 } , {field: 'universityId', title: '用户名', width: 80} , {field: 'directionId', title: '性别', width: 80, }
,{title: '大学英文', width: 170, templet: '<div>{{d.university.universityNameEN}}</div>'}
] ] , text: {none: '无数据'} }); });
注意事项
- [ [] ]要换行写
- layui 有固定的返回格式,parseData声明一下
- 如大学英文,是对象嵌套对象