layui动态添加table的元素

最新推荐文章于 2025-03-29 16:23:32 发布

打不死的喜羊羊

最新推荐文章于 2025-03-29 16:23:32 发布

阅读量892

点赞数

分类专栏： JAVA 技术开发工具文章标签： java html

本文链接：https://blog.youkuaiyun.com/weixin_39388918/article/details/108084138

版权

JAVA 同时被 3 个专栏收录

140 篇文章

订阅专栏

技术

72 篇文章

订阅专栏

开发工具

32 篇文章

订阅专栏

JS代码

$('table tbody').html('');
                for (var i=0;i<data2.length;i++)
                {
                    var row = $("#template").clone();
                    row.find("#timeStr").text(data2[i].timeStr);
                    row.find("#count").text(data2[i].count);
                    row.find("#countRate").text(data2[i].countRate);
                    row.appendTo("#statisticsOpenAppCount_table");
                }

HTML代码：

<table class="layui-table" lay-filter="statisticsOpenAppCount_table" id="statisticsOpenAppCount_table">
            <thead>
            <tr id="template">
                <th lay-data="width:80" id="timeStr">时间</th>
                <th lay-data="width:80, sort:true" id="count">启动次数</th>
                <th lay-data="width:100" id="countRate">启动次数占比</th>
            </tr>
            </thead>
        </table>