Layui的tab选项卡切换时数据表格加载异常

最新推荐文章于 2026-01-27 03:38:24 发布

原创最新推荐文章于 2026-01-27 03:38:24 发布 · 1k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#layUI

收录于

经验谈专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一种基于layui框架的表格数据展示方法，重点在于基数计算与分润的动态呈现，通过使用JavaScript渲染表格，并在不同选项卡切换时调整表格大小。

<div class="layui-container">
        <br>
        <div class="layui-row">
            <div class="layui-col-md2">
                <div class="layui-form-item">
                    <span>分润：</span>
                </div>
                <div class="layui-form-item">
                    <span style="color: red">基数计算</span>
                </div>
            </div>
            <div class="layui-col-md10">
                <table id="demo18" lay-filter="demo18"></table>
                <table id="demo19" lay-filter="demo19"></table>
            </div>
        </div>
    </div>

    let table18 = table.render({
        elem: '#demo18'
        , cols: demo18
        , data: []
    });
    let table19 = table.render({
        elem: '#demo19'
        , cols: demo19
        , data: []
    });


    element.on('tab(docDemoTabBrief)', function (elem) {
        table18.resize('demo18');
        table19.resize('demo19');
    });