168大数据

标题: JS拼接报表 [打印本页]

---

作者: 乔帮主    时间: 2014-9-30 13:06
标题: 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实现的。

---

欢迎光临 168大数据 (http://www.bi168.cn/)

Powered by Discuz! X3.2