js表格单元格合并，css表格对角线

js表格单元格合并，css表格对角线

(2010-05-25 12:30:48)

转载

标签： it

分类：Javascript

每当困难的时候我就念藏经：“噢嘛呢哞嘛哄”，翻译成英文就是:All money go my home!-

最近项目过程中，需要做类似的表格。网上查了下资料，最终都还是实现了。下面给出网上的实现方式，可以根据自己业务的需要做相应的扩展。

1. 使用JS合并单元格重复数据的方法

参考网址：
代码示例：
 
           
           
           
           
       
       
           
           
           
           
       
       
           
           
           
           
       
       
           
           
           
           
       
       
           
           
           
           
       
 

http-equiv="Content-Type"   content="text/html;   charset=gb2312">                           width="400"   border="1"   id="table1">
a	for	100	200
a	for	150	230
a	if	100	200
a	if	300	240
a	if	320	230

 
 
 
    type="button"   value="合并表格"   onClick="uniteTable(table1,2)">  
   
  效果图：

2. 用div+css模拟表格对角线

参考网址：
代码示例：

 








 
 
   
   
   
   
   
 
 
   
   
   
   
   
 
 
   
   
   
   
   
 
 
   
   
   
   
   
 
 
   
   
   
   
   
 

用div+css模拟表格对角线

类别             姓名	年级	班级	成绩	班级均分
张三	三	2	62	61
李四	三	1	48	67
王五	三	5	79	63
赵六	三	4	89	66

效果图：