时时商务社区

标题: table标签的结构与合并单元格的实现方法 [打印本页]

作者: bewin83    时间: 2018-2-14 08:15

            1.标签的结构
示例代码:
[U]复制代码[/U] 代码如下:
[table]
      信息统计表
      
      
       #
      
      
      
      
       1
      
      
       2
      
      
       3
      
      
       4
      
一个完整的例子:
[U]复制代码[/U] 代码如下:
信息统计表
      
              
               #
               Firstname
               Lastname
               Phone
               QQ
              
      
      
            
             1
             qian
             shou
             11111111111
             111111111
            
            
             2
             qian
             shou
             11111111111
             111111111
            
             3
             qian
             shou
             11111111111
             111111111
            
            
                    4
             qian
             shou
             11111111111
             111111111
            


2.合并上下的单元格(rowspan)
示例代码:
[U]复制代码[/U] 代码如下:
信息统计表
      
        
        #
        Firstname
        Lastname
        Phone
        QQ
        
      
      
      
       1
       qian
       shou
       11111111111
       111111111
        
       qian
       shou
       11111111111
       111111111
         3
       qian
       shou
       11111111111
       111111111
         4
       qian
       shou
       11111111111
       111111111
      


3.合并左右的单元格(colspan)
示例代码:
[U]复制代码[/U] 代码如下:
信息统计表
   
      
      #
      Firstname
      Lastname
      Phone
      QQ
      
   
  
   
    1
    这是合并了四个单元格

   
   
    2
    qian
    shou
    11111111111
    111111111
   
   
    3
    qian
    shou
    11111111111
    111111111
   
   
    4
    qian
    shou
    11111111111
    111111111
   

            
            
您可能感兴趣的文章:
  • 基于jquery的合并table相同单元格的插件(精简版)
  • 合并table相同单元格的jquery插件分享(很精简)
  • 用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
  • Asp.net_Table控件の单元格纵向合并示例
  • JS 实现Table相同行的单元格自动合并示例代码
            




    欢迎光临 时时商务社区 (http://bbs.4435.cn/) Powered by Discuz! X3.2