<!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. java将类和函数封装成jar，然后在别的项目中使用这个jar包

    本来想用idea安装的,不过用maven生成后发现jar有20,30M肯定不对,后来还是用eclipse生成了,方便很多 环境: eclipse luna,jdk1.8_112 1.生成jar包,首先 ...

  2. mysql安装报错

    一: -- MySQL 5.5.22Warning: Bison executable not found in PATH-- Configuring done-- Generating done-- ...

  3. SQL Server AG集群启动不起来的临时自救大招

    SQL Server AG集群启动不起来的临时自救大招 背景 前晚一朋友遇到AG集群发生来回切换不稳定的情况,情急之下,朋友在命令行使用命令重启WSFC集群 结果重启WSFC集群之后,非但没有好转,导 ...

  4. 在附件管理模块中增加对FTP 上传和预览的支持

    在之前介绍的附件管理模块里面<Winform开发框架之通用附件管理模块>以及<Winform开发框架之附件管理应用>,介绍了附件的管理功能,通过对数据库记录的处理和文件的管理, ...

  5. SqlDataReader 之指定转换无效

    //获取最新显示顺序数据 string str = string.Format(@"if exists(select ShowOrder from GIS_FuncDefaultLayer ...

  6. Nmap在实战中的高级用法

    Nmap提供了四项基本功能(主机发现.端口扫描.服务与版本侦测.OS侦测)及丰富的脚本库.Nmap既能应用于简单的网络信息扫描,也能用在高级.复杂.特定的环境中:例如扫描互联网上大量的主机:绕开防火墙 ...

  7. orcle :Could not initialize "D:\app\Administrator\product\11.2.0\dbhome_1\bin\oci.dll" Make sure you have the 32 bits Oracle Client installed.

    服务器重启后,数据库登录信息为空 错误信息: ---------------------------(Not logged on) - PL/SQL Developer---------------- ...

  8. php 数据连接 基础

    1.造连接对象 $db= new MYSQLi("localhost","root","123","test_0306" ...

  9. python 中 for 循环 if循环 break

    python中最基本的语法格式大概就是缩进了.python中常用的循环:for循环,if循环.一个小游戏说明for,if ,break的用法. 猜数字游戏: 1.系统生成一个20以内的随机数 2.玩家 ...

  10. IOS机型margin属性无效问题

    这个问题很多小伙伴都有遇到,这次本猿也遇到了,记录一笔. 结论:简单的解决办法margin换padding!如有误,请大神不吝赐教.在Chrome浏览器移动端测试iphone5,打开的也是没问题的(这 ...