1.js动态生成table 合并单元格
标签:tablelistborderfunction报表class
2012-03-08 10:38 5360人阅读评论(0) 收藏举报
版权声明:本文为博主原创文章,未经博主允许不得转载。
.domian_tab { width:1000px; border:#000000 1px solid;
border-collapse:collapse;}
var _columns = [
{name:'kpi_type',hidGrid:'true'},
{name:'kpi_type_name',idMerge:true},
{name:'kpi_seq'},
{name:'kpi_name'},
{name:'kpi_unit'},
{name:'kpi_value'},
{name:'kpi_desc',idMerge:true}
];
function init(){
var list = [
{kpi_type: '1', kpi_type_name: '积分客户数', kpi_seq: '1', kpi_name: '积分客户总数', kpi_unit: '户', kpi_value: '3824934', kpi_desc: '截止到统计期末有回馈积分且积分余额大于0的客户总数量'},
{kpi_type: '1', kpi_type_name: '积分客户数', kpi_seq: '2', kpi_name: '可兑换积分客户数', kpi_unit: '户', kpi_value: '3824934', kpi_desc: '截止到统计期末可以进行积分兑换的客户数'},
{kpi_type: '1', kpi_type_name: '积分客户数', kpi_seq: '3', kpi_name: '(0-999)分可兑换积分客户数', kpi_unit: '户', kpi_value: '3824934',
kpi_desc: '截止到统计期末有回馈积分且积分余额大于0的客户总数量'}, {kpi_type: '1', kpi_type_name: '积分客户数', kpi_seq: '4', kpi_name: '(1000-4999)分可兑换积分客户数', kpi_unit: '户', kpi_value: '3824934', kpi_desc: '截止到统计期末有回馈积分且积分余额大于0的客户总数量'}, {kpi_type: '1', kpi_type_name: '积分客户数', kpi_seq: '5', kpi_name: '(5000-9999)分可兑换积分客户数', kpi_unit: '户', kpi_value: '3824934', kpi_desc: '截止到统计期末有回馈积分且积分余额大于0的客户总数量'}, {kpi_type: '1', kpi_type_name: '积分客户数', kpi_seq: '6', kpi_name:
'(10000分以上)可兑换积分客户数', kpi_unit: '户', kpi_value: '3824934', kpi_desc: '截止到统计期末有回馈积分且积分余额大于0的客户总数量'}, {kpi_type: '2', kpi_type_name: '积分基础分值', kpi_seq: '7', kpi_name: '不可兑换积分客户数', kpi_unit: '户', kpi_value: '3824934', kpi_desc: '截止到统计期末不可以进行积分兑换行为的客户数'},
{kpi_type: '2', kpi_type_name: '积分基础分值', kpi_seq: '8', kpi_name: '0分以下不可兑换积分客户数', kpi_unit: '户', kpi_value: '3824934', kpi_desc: '截止到统计期末不可以进行积分兑换行为的客户数'},
{kpi_type: '3', kpi_type_name: '积分兑换情况', kpi_seq: '9', kpi_name: '活跃积分客户数', kpi_unit: '户', kpi_value: '3824934', kpi_desc: '在统计期内进行积分兑换的客户数'}
];
_table = document.getElementById("tbody");
_table.border = "1px";
var currMergeTds = [];
for(var i = 0; i < list.length; i++){
var row = document.createElement("tr");
for(var colIdx = 0; colIdx < _columns.length; colIdx++){
var col = _columns[colIdx];
if(col['hidGrid']){
continue;
}
if(col['idMerge']){
if(i > 0 && list[i][col['name']] === currMergeTds[colIdx]['value']){ currMergeTds[colIdx]['cell'].setAttribute('rowspan',
++currMergeTds[colIdx]['cell_count']);
}else{
var cell = document.createElement("TD");
cell.setAttribute('rowspan',1);
cell.innerHTML = list[i][col['name']];
var mergeTd = {};
mergeTd['value'] = list[i][col['name']];
mergeTd['cell'] = cell;
mergeTd['cell_count'] = 1;
currMergeTds[colIdx] = mergeTd;
row.appendChild(cell);
}
}else{
var cell = document.createElement("TD");
cell.innerHTML = list[i][col['name']];
row.appendChild(cell);
}
}
_table.appendChild(row);
document.body.appendChild(_table);
}
}
积分俱乐部运营月报表 | |||||
---|---|---|---|---|---|
指标分类 | 序号 | 指标名称 | 计量单位 | 指标数值 | 指标说明 | < /tr>
1 颜色选择器
漫游于网络之间,你会发觉,因特网不但是信息的海洋,也是广告的海洋。除了普通的Gif Banner、Flash外,浮动广告也是时下网上较为流行的广告形式之一。当你拖动浏览器的滚动条时,这种在页面上浮动的广告,可以跟随屏幕一起移动。尽管这种效果对于广告展示有相当的实用价值,但对浏览你网页的人来讲,这则是个既妨碍阅读,又影响阅读兴趣的东西,因此一定不能滥用。不过,如果你能善用的话,它就能发挥出极大的作用。 要做出浮动式广告的效果并不困难,如果你有JS基础的可以自己写一个,如果连写都懒得写的话,到网上下载一个特效工具,按提示粘贴一下代码就OK。不过,想要真正了解它是怎样做出来的,则需要掌握一些JS知识了。这里向大家介绍一下简单的浮动广告做法。 以下这段代码可放在
之间,其间我加入了一些注释(即“//”后的文字及“”之间的文字)。 2. var sObj = null; var mObj = null; function main(){ sObj = new StaticObj(7, -2); sObj.run(); mObj = new MoveObj(); } function windowSizeChanged(){ sObj.resizeEvent(); } function move() { var top= document.body.scrollTop;鼠标滑过小图显示大图预览效果(html代码,css样式,javascript) 一、预览效果:
二、代码部分(将以下代码复制粘贴到记事本,然后将后缀改成.htm或html即可)
JS图片滚动代码(无缝、平滑)