组长设计了一个恶心的表,让我想办法显示成下面的效果,完全不知道如何处理。。
index表
字段 | 说明 |
id | |
index_name | 指标名称 |
big_index | 所属大类指标 |
plant_code | 电厂代码 |
unit_code | 机组代码 |
value | 指标值 |
.... |
通过读取商标的index表,如何能显示成下面的效果。(注意:表头的电厂和指标都是从index表中读取的)
所属大类指标 | ||||||
指标名称 | A电厂1机组 | A电厂2机组 | B电厂1机组 | B电厂2机组 | C电厂1机组 | .... |
a指标 | 11 | 22 | 33 | 44 | 55 | |
b指标 | ||||||
c指标 | ||||||
d指标 | ||||||
e指标 | ||||||
..... |
var dianchang=电厂
var zhibiao=指标
var data=...
var tr=document.createElement('tr');
for(var i =0;i<dianchang.length;i++){
...
td.id=电厂代码+机组代码,
td.innerHTML=...
}
for(var i=0;i<zhibiao.length;i++){
var tr=document.createElement('tr');
for(var i=0;i<dianchang.length;j++){
var td=...
td.id=指标名称+电厂代码+机组代码,
td.innerHTML=...
tr.append...
}
}
for(var i=0;i<data.length;i++){
document.getElementById(data.get(i).dianchangId+...).innerHTML=...
}
如果有专业DBA的话,可以直接在查询的时候做行列转换,这样显示的时候就很方便了
我之前做过类似的表格,我的思路是这样的:
1、查询出所有的电厂名称,构造td,用id作为td的id
2、查询所有的指标,构造td,id=‘a’
3、数据区域以a_id作为td的id,然后直接document.getElementById('')直接插入对应的数据
看看这个对你有没有帮助2[url]http://www.yinse5.com/user.aspx?userName=panyi5202[/url]