table标签的结构与合并单元格的实现方法
2015-01-24信息快讯网
以下是对table标签的结构与合并单元格的实现方法进行了详细的分析介绍,需要的朋友可以过来参考下
1.<table>标签的结构示例代码:
<table border="1"> <caption>信息统计表</caption> <thead> <tr > <th>#</th> </tr> </thead> <tbody> <tr> <td>1</td> </tr> <tr> <td>2</td> </tr> <tr> <td>3</td> </tr> <tr> <td>4</td> </tr> </tbody> </table>
一个完整的例子:
<table border="1"> <caption class="text-center">信息统计表</caption> <thead> <tr > <th>#</th> <th>Firstname</th> <th>Lastname</th> <th>Phone</th> <th>QQ</th> </tr> </thead> <tbody> <tr class="error"> <td>1</td> <td>qian</td> <td>shou</td> <td>11111111111</td> <td>111111111</td> </tr> <tr class="warning"> <td>2</td> <td>qian</td> <td>shou</td> <td>11111111111</td> <td>111111111</td> </tr> <tr class="info"> <td>3</td> <td>qian</td> <td>shou</td> <td>11111111111</td> <td>111111111</td> </tr> <tr class="success"> <td>4</td> <td>qian</td> <td>shou</td> <td>11111111111</td> <td>111111111</td> </tr> </tbody> </table>
2.合并上下的单元格(rowspan)
示例代码:
<table border="1"> <caption class="text-center">信息统计表</caption> <thead> <tr > <th>#</th> <th>Firstname</th> <th>Lastname</th> <th>Phone</th> <th>QQ</th> </tr> </thead> <tbody> <tr class="error"> <td rowspan="2">1</td> <td>qian</td> <td>shou</td> <td>11111111111</td> <td>111111111</td> </tr> <tr class="warning"> <td>qian</td> <td>shou</td> <td>11111111111</td> <td>111111111</td> </tr> <tr class="info"> <td>3</td> <td>qian</td> <td>shou</td> <td>11111111111</td> <td>111111111</td> </tr> <tr class="success"> <td>4</td> <td>qian</td> <td>shou</td> <td>11111111111</td> <td>111111111</td> </tr> </tbody> </table>
3.合并左右的单元格(colspan)
示例代码:
<table class="table table-condensed table-bordered"> <caption class="text-center">信息统计表</caption> <thead> <tr > <th>#</th> <th>Firstname</th> <th>Lastname</th> <th>Phone</th> <th>QQ</th> </tr> </thead> <tbody> <tr class="error"> <td>1</td> <td colspan="4"><p class="text-center">这是合并了四个单元格</p></td> </tr> <tr class="warning"> <td>2</td> <td>qian</td> <td>shou</td> <td>11111111111</td> <td>111111111</td> </tr> <tr class="info"> <td>3</td> <td>qian</td> <td>shou</td> <td>11111111111</td> <td>111111111</td> </tr> <tr class="success"> <td>4</td> <td>qian</td> <td>shou</td> <td>11111111111</td> <td>111111111</td> </tr> </tbody> </table>
php断点续传之如何分割合并文件
php数组合并的二种方法
PHP将两个关联数组合并函数提高函数效率
php中hashtable实现示例分享
php根据分类合并数组的方法实例详解
php合并js请求的例子
简单实用的.net DataTable导出Execl
通过table标签,PHP输出EXCEL的实现方法
Ajax+PHP快速上手及简单应用说明
ueditor 1.2.6 使用方法说明
mongo Table类文件 获取MongoCursor(游标)的实现方法分析
浅析is_writable的php实现
深入PHP中的HashTable结构详解
php中用加号与用array_merge合并数组的区别深入分析
php函数array_merge用法一例(合并同类数组)
PHP生成excel时单元格内换行问题的解决方法