td单元格合并代码实例

简介:

分享一段代码实例,它实现了单元格合并效果。

代码实例如下:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!doctype html>
< html >
< head >
< meta charset = "utf-8" >
< meta name = "author" content = "http://www.softwhy.com/" />
< title >蚂蚁部落</ title >
</ head >
< body >
< table bgcolor = "black" cellspacing = "1" width = "500" height = "300" align = "center" >
< caption >单元格合并</ caption >
   < tr bgcolor = "white" >
     < td ></ td >
     < td ></ td >
     < td ></ td >
   </ tr >
   < tr bgcolor = "white" >
     < td ></ td >
     < td colspan = "2" rowspan = "2" ></ td >
   </ tr >
   < tr bgcolor = "white" >
     < td ></ td >
   </ tr >
   < tr bgcolor = "white" >
     < td ></ td >
     < td ></ td >
     < td ></ td >
   </ tr >
</ table >
</ body >
</ html >

代码是比较简单的,用到了几个关键的属性,具体参阅相关阅读。


原文发布时间为:2017-3-22

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:td单元格合并代码实例

相关文章
|
11月前
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
318 0
|
28天前
|
JavaScript 前端开发
JavaScript合并网页表格中内容相同的相邻单元格
JavaScript合并网页表格中内容相同的相邻单元格
|
前端开发 JavaScript API
在 Vue3 + Element Plus 中生成动态表格,动态修改表格,多级表头,合并单元格
在 Vue 中,表格组件是使用频率及复杂度排名第一的组件,前端经常需要根据后台返回的数据动态渲染表格,比如动态表格如何生成,因为表格的列并不是固定的,在未知表格具体有哪些列的场景下,前端如何动态渲染表格数据。又或者需要把表格单元格进行合并处理,比如第一列是日期,需要把相同的日期进行合并,这样表格看起来会更加清晰。 本文手把手教你如何在 Vue3 + Element Plus 中创建表格、生成动态表格、创建动态多级表头、表格行合并、列合并等问题。如果你正在搭建后台管理工具,又不想处理前端问题,推荐使用卡拉云 ,卡拉云是新一代低代码开发工具,可一键接入常见数据库及 API ,无需懂前端,仅需拖拽即
3033 0
|
5月前
|
JavaScript 前端开发 索引
Element_Table的单元格合并
Element_Table的单元格合并
|
5月前
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
|
人工智能 JavaScript 算法
js将table生成excel文件并去除表格中的多余tr(js去除表格中空的tr标签)
js将table生成excel文件并去除表格中的多余tr(js去除表格中空的tr标签)
134 1
HTML table 表头和表格的合并
HTML table 表头和表格的合并
119 0
element table表格表头动态渲染效果demo(整理)
element table表格表头动态渲染效果demo(整理)
jqgrid实现表头合并功能
jqgrid实现表头合并功能
369 0
|
JavaScript
VUE element-ui 之table表格双表头、表头内插入输入框
VUE element-ui 之table表格双表头、表头内插入输入框
1690 0
VUE element-ui 之table表格双表头、表头内插入输入框