码迷,mamicode.com
首页 > 其他好文 > 详细

layui layer弹框中表格的显示

时间:2019-04-03 18:05:40      阅读:2356      评论:0      收藏:0      [点我收藏+]

标签:ESS   table   success   i++   展示   内容   点击   png   .com   

场景描述:点击iframe里面的一个按钮,需要在父级弹出一个弹框表格。

问题描述:这个弹框的分页不能正常显示,如果把layer.open前面的parent去掉,就可以正常显示。

代码展示:

parent.layer.open({
    type: 0,
    id: ‘Layer‘,
    title: ‘标题‘,
    area: [‘740px‘, ‘500px‘],
    shade: 0,
    anim: -1,
    content: ‘<div class="table"></div>‘,
    success: function(layero, index) {
        var colsList = [
            [
                { field: ‘title‘, title: ‘标题‘ },
                { field: ‘content‘, title: ‘内容‘ }
            ]
        ];
        var Datas = [];
        for(var i = 0; i < 40; i++) {
            Datas.push({
                title: ‘标题‘ + i,
                content: ‘内容‘ + i,
            });
        }
        console.log(Datas);
        table.render({
            elem: layero.find(‘.table‘),
            id: ‘Message‘,
            data: Datas,
            cols: colsList,
            limit: 8,
            page: true,
        });
    }
});

代码效果展示:

技术图片

 期望效果展示:

技术图片

 

猜测1:找不到生成分页的dom结构

解决办法:???

 

layui layer弹框中表格的显示

标签:ESS   table   success   i++   展示   内容   点击   png   .com   

原文地址:https://www.cnblogs.com/kcat/p/10650417.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!