解决layui 弹窗中 table 宽度无法自适应问题

最新推荐文章于 2024-07-31 15:58:39 发布

wangruoyao0317

最新推荐文章于 2024-07-31 15:58:39 发布

阅读量7.2k

点赞数

分类专栏： js/layui 文章标签： js

本文链接：https://blog.csdn.net/wangruoyao0317/article/details/106141476

版权

js/layui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

                  layer.open({
                            type: 1,
                            title: "",
                            shade: 0,
                            offset: 'lt',
                            resizing: function () {
                                table.resize('shipList');
                            },
                            resize: true,
                            maxmin: true,
                            area: ['30%', '30%'],
                            content: '<table  id="shipList" style="width: 100%" lay- 
                                       filter="shipList"></table>',
                            success: function (layero, index) {
                                table.render({
                                    elem: '#shipList'
                                    , data: data_ship
                                    , cols: [[ //表头
                                         {fixed: 'right', title: '操作', toolbar: 
                                          '#barDemo'}
                                    ]]
                                    , even: true
                                });
                            },
                            cancel: function (index, layero) {
                              
                            }
                        });

在layer.open 中加入 resizing: 属性，执行tale.resize("表格id") 即可。