html Table合并行和列

<!DOCTYPE html>

<html>

<head>

<title>我的第四个页面</title>

<meta charset=utf-8 >

</head>

<body>

<table border="1" bordercolor="red" width="500" align="center" cellpadding="10" cellspacing="10" bgcolor="#000EFFE" background="img/2.jpg">

<tr>

<td colspan="2" align="center" valign="middle">第一行第一列和第二列</td><!-- colspan：合并列 -->

</tr>

<tr>

<td align="center" valign="middle">第二行第一列</td>

<td align="center" valign="middle">第二行第二列</td>

</tr>

</table>

<br/>

<br/>

<table border="1" bordercolor="red" width="500" align="center" cellpadding="10" cellspacing="10" bgcolor="#000EFFE" background="img/1.jpg">

<tr>

<td rowspan="2" align="center" valign="middle">第一行第一列和第二行第一列</td><!-- rowspan:合并行 -->

<td align="center" valign="middle">第一行第二列</td>

</tr>

<tr>

<td align="center" valign="middle">第二行第二列</td>

</tr>

</table>

</body>

</html>

时间： 2024-08-10 22:17:05

html Table合并行和列的相关文章

table 合并行和列

table合并行列,以及拆分 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"

JavaScript遍历table的行和列

来源:http://blog.csdn.net/bobwu/article/details/7497412 1 <HTML> 2 <head> 3 <SCRIPT LANGUAGE="JavaScript"> 4 //遍历表格的每行每列 5 function viewCell() 6 { 7 var count=1; //在表格中显示的内容 8 for (i=0; i < document.all.tbl.rows.length; i++) {

解决 table固定行和列，导致滚动条显示

实现了列固定,头部行固定 左侧,右侧两个div,左侧滚动,右着滚动,但是左侧会出现滚动条 使用鼠标滚动事件监听左侧 //滚动事件 var scrollFunc = function (e) { e = e || window.event; if (e.wheelDelta == 120 || e.detail == -3) { $('#cl_freeze').scrollTop($('#cl_freeze').scrollTop()-50); $('#t_r_content').scrollTo

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

colspan和rowspan这两个属性用于创建特殊的表格. colspan是“column span(跨列)”的缩写.colspan属性用在td标签中,用来指定单元格横向跨越的列数: 在浏览器中将显示如下: 单元格1 单元格2 单元格3 单元格4 该例通过把colspan设为“3”, 令所在单元格横跨了三列.如果我们将colspan设为“2”,则该单元格将只跨越两列,于是有必要在第一行插入另外一个单元格,以确保两行占据相同的列数. 该例在浏览器中将显示如下: 单元格1 单元格2 单元格3 单元

table合并单元格

新建一张表格.要求表格有四行四列,当中第一行的四列合并,第二行.第三行和第四行的第一列合并 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &

示例-创建表格-指定行列&amp;删除表格的行和列

<body> <script type="text/javascript"> /* *上面的方法和你麻烦.*既然操作的是表格,*那么最方便的方式就是使用表格节点对象的方法.* *表格是由行组成.表格节点对象中insertRow方法就完成了创建行并添加的动作.* *行是有单元格组成.通过tr节点对象的insertCell来完成.*/function crtTable(){ var oTabNode = document.createElement("ta

javascript动态创建表格：新增、删除行和列

转载:http://www.cnblogs.com/pato/archive/2009/09/02/1559068.html 利用js来动态创建表格有两种格式,appendChild()和insertRow.insertCell().两种方式其实差不多,但第一种有可能在IE上有问题,所以推荐大家使用第二种了,直接说吧. 1.inserRow()和insertCell()函数 insertRow()函数可以带参数,形式如下: insertRow(index):index从0开始 这个函数将新行添加

mysql 多行合并一列

mysql  多行合并一列 使用的函数为: GROUP_CONCAT(exp) 其中exp 的参数类似如下: (field order  by field   desc  separator ';'); 具体的例子如下: 创建表: CREATE TABLE `login` ( `Id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(255) DEFAULT NULL, PRIMARY KEY (`Id`) ) ENGINE=MyISAM AUTO

jquery获取td所在的行和列

今天在做项目时,遇到一个需要获取第几行第几列的问题.后来,网上找了找资料,整理了此文.(使用jquery的preAll()获取列) 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.