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

推荐订阅源

Martin Fowler
Martin Fowler
有赞技术团队
有赞技术团队
博客园_首页
H
Help Net Security
GbyAI
GbyAI
aimingoo的专栏
aimingoo的专栏
V
Visual Studio Blog
The Cloudflare Blog
腾讯CDC
Jina AI
Jina AI
Last Week in AI
Last Week in AI
月光博客
月光博客
博客园 - 叶小钗
Google DeepMind News
Google DeepMind News
B
Blog RSS Feed
Blog — PlanetScale
Blog — PlanetScale
人人都是产品经理
人人都是产品经理
Engineering at Meta
Engineering at Meta
Y
Y Combinator Blog
Hugging Face - Blog
Hugging Face - Blog
博客园 - 聂微东
爱范儿
爱范儿
N
Netflix TechBlog - Medium
F
Fortinet All Blogs

博客园 - 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并显示的话,这段代码会报错.