惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

月光博客
月光博客
Martin Fowler
Martin Fowler
博客园_首页
量子位
T
Tailwind CSS Blog
博客园 - Franky
G
Google Developers Blog
D
DataBreaches.Net
Vercel News
Vercel News
B
Blog
Recent Announcements
Recent Announcements
S
SegmentFault 最新的问题
M
MIT News - Artificial intelligence
爱范儿
爱范儿
博客园 - 【当耐特】
The Cloudflare Blog
H
Help Net Security
云风的 BLOG
云风的 BLOG
P
Proofpoint News Feed
C
Check Point Blog
有赞技术团队
有赞技术团队
Microsoft Security Blog
Microsoft Security Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

博客园 - xiazhaoxia

关于《会员专区》项目经验分享 dell的1501和640m,买哪个好呢? 数码相机成像好坏的关键?! 我要试试洋酒! 我爱网购! DataGrid数据导出到Excel You are my everything Remeber me by 李孝利 关于oracle中的去除null和空格的问题 致力于blog的新衣服 datagrid小tip(三):导入Excel的问题?! datagrid小tip(一):鼠标的移动和点击变色 相对路径or绝对路径? DataGrid的动态绑定问题(二) 续 oracle中的联合主键查询问题! DataGrid的动态绑定问题(二) __doPostBack()无效 ? 屏蔽页面刷新功能 asp.net学习点滴
datagrid小tip(二):拼接多层表头
xiazhaoxia · 2007-02-06 · via 博客园 - xiazhaoxia

<script language="javascript">
        
//初始化表头,生成双层表头    
        window.onload = function()
        {
            
var obj = document.getElementById("DataGrid1");            
            
if(obj != undefined)
            {
                
var row=obj.insertRow(0);
                row.className 
= "headStyle";
                
var Cell1 = row.insertCell();
                Cell1.innerText 
= "单位";
                Cell1.rowSpan 
= 3;
                
                
var Cell2 = row.insertCell();
                Cell2.innerText 
= "在职";
                Cell2.colSpan
=4;                
                
                
var Cell3 = row.insertCell();
                Cell3.innerText 
= "退休";
                Cell3.colSpan 
= 4;
                
                
var Cell4 = row.insertCell();
                Cell4.innerText 
= "合计";
                Cell4.colSpan 
= 2;    
                Cell4.rowSpan
=2;    
                
                
var row1=obj.insertRow(1);
                row1.className 
= "headStyle";
                
                
                
var Cell5 = row1.insertCell();    
                Cell5.innerText 
= "<=45";    
                Cell5.colSpan 
= 2;        
                
var Cell6 = row1.insertCell();    
                Cell6.innerText 
= ">45";    
                Cell6.colSpan 
= 2;    
                
                
var Cell7 = row1.insertCell();    
                Cell7.innerText 
= "<=65";
                Cell7.colSpan 
= 2;        
                
var Cell8 = row1.insertCell();    
                Cell8.innerText 
= ">65";    
                Cell8.colSpan 
= 2;        
                
                obj.rows[
2].deleteCell(0);    
                
            }
        }
        
</script>

datagrid的绑定列的表头可以正常写,然后用Javascript画出需要的多层表头.这段代码的最重要的一步就是对是否存在datagrid的判定,因为如果后台代码不是开始load页面的时候就绑定datagrid并显示的话,这段代码会报错.