<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title></title>

 </head>

 <body>

 <ol>

     <li>基本表格</li>

     <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">

         <tr>

             <td>1.1</td>

             <td>1.2</td>

             <td>1.3</td>

         </tr>

         <tr>

             <td>2.1</td>

             <td>2.2</td>

             <td>2.3</td>

         </tr>

         <tr>

             <td>3.1</td>

             <td>3.2</td>

             <td>3.3</td>

         </tr>

     </table>

     <br/>

     <li>表格合并列</li>

     <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">

         <tr>

             <td colspan="3" >1.1</td>

             <!--<td>1.2</td>-->

             <!--<td>1.3</td>-->

         </tr>

         <tr>

             <td>2.1</td>

             <td>2.2</td>

             <td>2.3</td>

         </tr>

         <tr>

             <td>3.1</td>

             <td>3.2</td>

             <td>3.3</td>

         </tr>

     </table>

     <br/>

     <li>表格合并行</li>

     <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">

         <tr>

             <td  rowspan="3">1.1</td>

             <td>1.2</td>

             <td>1.3</td>

         </tr>

         <tr>

             <!--<td>2.1</td>-->

             <td>2.2</td>

             <td>2.3</td>

         </tr>

         <tr>

             <!--<td>3.1</td>-->

             <td>3.2</td>

             <td>3.3</td>

         </tr>

     </table>

     <br/>

     <li>复杂表格</li>

     <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">

         <tr>

             <td >1.1</td>

             <td colspan="2">1.2</td>

             <!--<td>1.3</td>-->

         </tr>

         <tr>

             <td >2.1</td>

             <td rowspan="2">

                 2.2

                 <br/>

                 3.2

             </td>

             <td>2.3</td>

         </tr>

         <tr>

             <td>3.1</td>

             <!--<td>3.2</td>-->

             <td>3.3</td>

         </tr>

     </table>

     <br/>

 </ol>

 </body>

 </html>

效果如下：

小注：

Html table 合并单元格的更多相关文章

  1. css table 合并单元格

    1. css table 合并单元格 colspan:合并列, rowspan:合并行, 合并行的时候,比如rowspan="2",它的下一行tr会少一列: 合并列的时候,比如co ...

  2. table中tr间距的设定table合并单元格 colspan（跨列）和rowspan（跨行）

    table中的tr的默认display:table-row,虽然可以修改为display:block但是就失去了tr特有的显示效果,如(td自动对齐): 并且在tr中对起设定padding是有用的,可 ...

  3. table合并单元格

    table合并单元格 新建一张表格.要求表格有四行四列,当中第一行的四列合并,第二行.第三行和第四行的第一列合并 <!DOCTYPE html PUBLIC "-//W3C//DTD ...

  4. ant design Table合并单元格合并单元格怎么用？

    1.ant design table合并单元格怎么用?

  5. BootStrap Table 合并单元格

    为了更直观展示表格的一大堆乱七八糟的数据,合并单元格就派上用场: 效果: 贴上JSON数据(后台查询数据一定要对合并字段排序): [ { "city": "广州市&quo ...

  6. 一种HTML table合并单元格的思路

    /** * 合并单元格 * @param table1 表格的ID * @param startRow 起始行 * @param col 合并的列号,对第几列进行合并(从0开始).如果传下来为0就是从 ...

  7. table合并单元格colspan和rowspan .

    colspan和rowspan这两个属性用于创建特殊的表格. colspan是“column span(跨列)”的缩写.colspan属性用在td标签中,用来指定单元格横向跨越的列数: 在浏览器中将显 ...

  8. JQuery Table 合并单元格-解决Bug版本

    网络中提供的方法是: <script type="text/javascript"> function _w_table_rowspan(_w_table_id, _w ...

  9. table合并单元格 colspan（跨列）和rowspan（跨行）

    colspan和rowspan这两个属性用于创建特殊的表格. colspan是“column span(跨列)”的缩写.colspan属性用在td标签中,用来指定单元格横向跨越的列数: 在浏览器中将显 ...

随机推荐

  1. ZooKeeper分布式锁浅谈（一）

    一.概述 清明节的时候写了一篇分布式锁概述,里面介绍了分布式锁实现的几种方式,其实那时候我一直沉迷于使用redis的悲观锁和乐观锁来实现分布式锁,直到一个血案的引发才让我重新认识了redis分布式锁的 ...

  2. nodeJS之fs文件系统

    前面的话 fs文件系统用于对系统文件及目录进行读写操作,本文将详细介绍js文件系统 概述 文件 I/O 是由简单封装的标准 POSIX 函数提供的. 通过 require('fs') 使用该模块. 所 ...

  3. laravel 服务容器实现原理

    前言 通过实现laravel 框架功能,以便深入理解laravel框架的先进思想. 什么是服务容器 服务容器是用来管理类依赖与运行依赖注入的工具.Laravel框架中就是使用服务容器来实现 ** 控制 ...

  4. maven 创建后报错

    <dependency> <groupId>javax</groupId> <artifactId>javaee-api</artifactId& ...

  5. XCode 8.3 Automatically manage signing 问题

    记录iOS证书问题 无意中选择了Personal team,后台自动生成bundle identifier:com.xxx.project,导致不能在Organization team创建,而且在de ...

  6. Android控件的使用

    1. RadioButton (单选按钮) 嵌入到RadioGroup中实现单选效果 android:checkedButton="radio的id值" int getchecke ...

  7. 在Visual Studio for Mac中使用fastlane管理iOS的provision

    Xamarin开发中,最烦的就是provision的管理了. 全手工的话,要先创建一个key,上传后生成cert文件,再创建provision.如果在手机上调试,还要把手机加到provision中去. ...

  8. jsp,jquery,spring mvc 实现导出文件

    需求:在界面上选择一个日期,然后点击导出按钮,直接导出选择月份的考勤excel文件. 这篇文章主要是介绍如何下载文件! jsp中代码: <div class="form-group&q ...

  9. 移动平台Unity3D 应用性能优化

    WeTest 导读 做了大概半年多VR应用了,VR由于双眼double渲染的原因,对性能的优化要求比较高,在项目的进展过程中,总结了一些关于移动平台上Unity3D的性能优化经验,供分享. 一.移动平 ...

  10. 代码管理器 TFS2013

    多人开发代码管理器肯定是少不了的,出于项目需要在服务器上装了tfs2013用于代码管理,既然用vs进行开发自然选择微软自家的tfs.记录下安装和使用起来的过程. 安装 TFS2013(Team Fou ...