首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >3.4 js生成报表

3.4 js生成报表

作者头像
周星星9527
发布2018-08-08 15:45:45
4.1K0
发布2018-08-08 15:45:45
举报

js可以创建、删除、修改html标签,比如我们可以使用js动态生成表格。

如下函数示意在ID为tbHost的元素内追加一个表格:假设nodes为二维数组,遍历其所有行和列,将其元素的Ap属性以二维表格的形式显式出来。通过该函数可以直观观察到二维数组的内容。

1. function DebugInfo(tbHost){
2.  var table=document.createElement("table"); //生成一个表格
3.    table.setAttribute("border","1"); //设置其表格线条样式宽度
4.    table.setAttribute("align","center"); //设置居中
5.  
6.  for(var row=this.yDim;row>=1;row--){//遍历行
7.  var tr=document.createElement("tr"); //创建一行
8.  for(varcol=1;col<=this.xDim;col++){ //遍历列
9.  var td=document.createElement("td"); //每行创建若干列元素
10.          td.innerHTML=nodes[col][row].aP.toFixed(1); //设置单元格内容,保留有效数字1位
11.          tr.appendChild(td); //将刚刚生成的列信息添加到行
12.       }
13.       table.appendChild(tr); //对表格添加行
14.    }
15.  document.getElementById(tbHost).appendChild(table); //将ID为tbHost的元素内追加该表格
16. }

根据注释理解动态生成报表的思路和方法。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-07-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 传输过程数值模拟学习笔记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
腾讯云 BI
腾讯云 BI(Business Intelligence,BI)提供从数据源接入、数据建模到数据可视化分析全流程的BI能力,帮助经营者快速获取决策数据依据。系统采用敏捷自助式设计,使用者仅需通过简单拖拽即可完成原本复杂的报表开发过程,并支持报表的分享、推送等企业协作场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档