layui 方法渲染表格数据

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: '无数据'}
    });
});

注意事项

  1. [ [] ]要换行写
  2. layui 有固定的返回格式,parseData声明一下
  3. 如大学英文,是对象嵌套对象
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值