JS拼接报表

这回，分享一个段JS代码，有的时候，我们可能需要将2个报表进行拼接，让用户看上去就是一张报表。

1. 基本报表

先运行下，看看样子

现在，我们使用JS将上下2张报表拼接起来

2. 新建HTML项目

我们使用HTMl项目包裹住每一张列表

3. 编辑HTML项目

4. 再新建一个HTML项目

贴入JS代码

JS代码：

[AppleScript] 纯文本查看 复制代码

<script language="JavaScript">
 
function appendBody(obj , table_name) {
        //获取表格的所有TR
        var table_trs = document.getElementById(table_name).firstChild.firstChild.childNodes;

        //根据获取TR的个数循环将每次循环的第一个TR添加到 List1的TBody标签下
        var table_trs_length = table_trs.length
        for(var i=0;i<table_trs_length;i++){
                obj.appendChild(table_trs[0]);
        }
}

//合并列表的row
function mergeList()
{
        //获取第一个列表的TBody标签
        var tbody1 = document.getElementById('list1').firstChild.firstChild;

        appendBody(tbody1 , 'list2');
           
}

//页面加载时执行合并列表操作
setTimeout("mergeList()", 10);
</script>

5.运行下看看

好了，已经成功了，这里主要是一个利用JS实现的。