找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1609|回复: 0
打印 上一主题 下一主题

table标签的结构与合并单元格的实现方法

[复制链接]

2500

主题

2513

帖子

7520

积分

论坛元老

Rank: 8Rank: 8

积分
7520
跳转到指定楼层
楼主
发表于 2018-2-14 08:15:34 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

            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相同行的单元格自动合并示例代码
            
  • 分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    用户反馈
    客户端