colspan  属性规定单元格可横跨的列数,

第一行的colspan规定其一行所跨越的列数,要与下一行的<td></td>个数一致

 if(!empty ($alarmDescArr))
{
echo '<table width="80%" border="0" cellspacing="0" class="tableNormal" id=THAlarmCfgid >
<tr bgcolor="#0099FF">
<td class="tableTitleL1" colspan="10"><font color="#FFFFFF">告警描述与条件</font></td>
</tr>
<tr> <td nowrap class="tableSingularLine">告警描述使能</td>
<td nowrap class="tableSingularLine">告警描述</td>
<td nowrap class="tableSingularLine">告警级别</td> <td nowrap class="tableSingularLine">告警描述延迟时间</td>
<td nowrap class="tableSingularLine">告警运行参数</td>
<td nowrap class="tableSingularLine">告警运行参数判断条件</td>
<td nowrap class="tableSingularLine">告警条件条件值A</td>
<td nowrap class="tableSingularLine">告警条件条件值B</td>
<td nowrap class="tableSingularLine">添加告警条件</td>
<td nowrap class="tableSingularLine">删除告警条件</td>
</tr>
';
} for($i=0;$i<count($alarmDescArr); $i++)
{
if ($i%2)
{
$szClass = "tableEvenLine";
}
else
{
$szClass = "tableSingularLine";
}
echo("<tr id=alarmDefine ".$i." >"); // disabled delete alarm
if($alarmDescArr[$i]['wd_encblelog'] == 1)
$alarmDescEnalbe = "checked";
else
$alarmDescEnalbe = ""; // echo $alarmDescArr[$i]['wd_encblelog']; // 告警描述使能
echo("<td nowrap class=".$szClass.">
<input name=alarmDescArr[".$i."][wd_encblelog] type=checkbox class=textEnaSty value=1 ".$alarmDescEnalbe." size=10
maxlength=10 disabled></td>"); // 传递wd_id 与 wd_priority
// echo("<input name=alarmDescArr[".$i."][wd_id] type=\"hidden\" class=textEnaSty value=\"".$alarmDescArr[$i]['wd_id']."\" >");
// echo("<input name=alarmDescArr[".$i."][wd_priority] type=\"hidden\" class=textEnaSty value=\"".$alarmDescArr[$i]['wd_priority']."\" >"); // 告警描述
echo("<td nowrap class=".$szClass.">
<input name=alarmDescArr[".$i."][wd_warndesc] type=text class=textEnaSty value=\"".$alarmDescArr[$i]['wd_warndesc']."\" size=15
maxlength=10 disabled></td>"); // 告警级别
echo("<td nowrap class=".$szClass.">
<select name=alarmDescArr[".$i."][wd_level] size=1 class=textEnaSty>
<option value=". $alarmDescArr[$i]['wd_level'] ." selected disabled>".$alarmLev[$alarmDescArr[$i]['wd_level']]."</option>
</select>
</td>"); //告警描述延迟时间 通过OpenNewWindow
echo("<td nowrap class=".$szClass.">
<input name=alarmDescArr[".$i."][wd_delay] type=text class=textEnaSty value=\"".$alarmDescArr[$i]['wd_delay']."\" size=10
maxlength=10 disabled></td>"); // 运行参数
echo("<td nowrap class=".$szClass.">
<input name=alarmDescArr[".$i."][wc_parameters] type=text class=textEnaSty value=\"".$alarmDescArr[$i]['wc_parameters']."\" size=10
maxlength=10 disabled></td>"); // 判断条件
echo("<td nowrap class=".$szClass.">
<select name=alarmDescArr[".$i."][wc_conditions] size=1 class=textEnaSty>
<option value=". $alarmDescArr[$i]['wc_conditions'] ." selected disabled>".$alarmJdgCon[$alarmDescArr[$i]['wc_conditions']]."</option>
</select>
</td>"); // 条件值A
echo("<td nowrap class=".$szClass.">
<input name=alarmDescArr[".$i."][wc_value0] type=text class=textEnaSty value=\"".$alarmDescArr[$i]['wc_value0']."\" size=10
maxlength=10 disabled></td>"); // 条件值B
echo("<td nowrap class=".$szClass.">
<input name=alarmDescArr[".$i."][wc_value1] type=text class=textEnaSty value=\"".$alarmDescArr[$i]['wc_value1']."\" size=10
maxlength=10 disabled></td>"); // 添加告警条件
echo("<td nowrap class=".$szClass.">
<input name=alarmDefine[".$i."]['alarm_delete'] type=button class=inputButtonNormal
value='添加' onClick='OpenNewWindow(".$alarmDescArr[$i]['wd_id'].",".$alarmDescArr[$i]['wd_priority'].",".$device_type_id.")' size=50></td>"); // 删除告警描述及相关的告警条件
echo("<td nowrap class=".$szClass.">
<input name=alarmDefine[".$i."][con_add] type=button class=inputButtonNormal
value='删除' onClick='alarmDelete(".$alarmDescArr[$i]['wd_id'].",".$alarmDescArr[$i]['wd_priority'].",".$device_type_id.",\"".$alarmDescArr[$i]['wc_parameters']."\")'></td>"); echo("</tr>"); } if(!empty ($alarmDescArr))
{ echo "</table>"; echo "<p></p>";
}

效果如下:

html tr td colspan的更多相关文章

  1. 根据div 标签 查看数组@class=modulwrap 下面的/table/tbody/tr/td

    <div class="modulwrap"> <div class="request_title"> <span class=& ...

  2. html5 表格标签 table tr td

      最重要的三个 <table>     表格声明标签 属性: boarder    边框粗细 style    可配合css 使用 <tr>    行标签 table row ...

  3. HTML 表格<table><caption><th><tr><td><thead><tbody><tfoot><col><colgroup>

    <table>标签: 定义和用法: <table>标签定义HTML表格. 简单的HTML表格由table元素以及一个或多个tr.th或td元素组成. tr元素定义表格行,th元 ...

  4. HTML中表格元素TABLE,TR,TD及属性的语法

    table:表格元素及属性 <table width="80%" border="1" cellspacing="1" cellpad ...

  5. <td colspan="2" > 一个td占两个 td空间

    <tr> <td>机构名称: ${accreditInfo.companyName}</td> <td>初始授信额度: ${accreditInfo.i ...

  6. jquery动态添加/删除 tr/td

    <head runat="server"> <title></title> <!--easyui --> <link rel= ...

  7. js动态添加table 数据tr td

    成果库修改:      要求主题列表随成果类型改变而改变      网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合——动态创建/编辑Table      概要代码 ...

  8. html中table,tr,td

    table表格,tr表格中的行,tr表格中的列,等级关系是table>tr>td, 当然表格中还包括thead,tbody,tfoot,th,但由于浏览器支持缘故很少使用.另外table在 ...

  9. js动态添加<tr><td>

    <form id="addNewsFormData" name="addNewsFormData" isCheck="true" ac ...

随机推荐

  1. HoloLens开发手记 - Unity之摄像头篇

    当你穿戴好HoloLens后,你就会处在全息应用世界的中心.当你的项目开启了"Virtual Reality Support"选项并选中了"Windows Hologra ...

  2. android之imgView插件的使用

    在开发中我们经常要用到图片下载功能,但我们可以在github上淘一些比较好的插件,这里介绍一款叫smartImageView的插件. 这里是其地址https://github.com/loopj/an ...

  3. ThinkPHP之项目搭建

    前言 在做javaweb开发时,我们创建一个项目,MyEclipse会自动为我们生成相应的目录结构,我们在此结构上才进行web开发,在使用TinkPHP框架做PHP开发时,一样,我们如何生成一个标准的 ...

  4. java中的File类

    File类 java中的File类其实和文件并没有多大关系,它更像一个对文件路径描述的类.它即可以代表某个路径下的特定文件,也可以用来表示该路径的下的所有文件,所以我们不要被它的表象所迷惑.对文件的真 ...

  5. AngularJS开发指南8:AngularJS模块的详解

    在讲angularjs的模块之前,我们先介绍一下angular的一些知识点: AngularJS是纯客户端技术,完全用Javascript编写的.它使用的是网页开发的常规技术(HTML,CSS,Jav ...

  6. mysqldump使用方法

    1.mysqldump的几种常用方法: (1)导出整个数据库(包括数据库中的数据) mysqldump -u username -p dbname > dbname.sql (2)导出数据库结构 ...

  7. Eclipse字体大小设置

    打开Eclipse,在主界面下Window->Preferences->General->Appearance->Colors and Fonts, 然后在右边展开框Basic ...

  8. 转:Oracle中merge into的使用

    最近项目上使用Oracle的Merge,所以找来一下资料学习了解. 该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中,使用此命令必须同时指定UPDATE 和I ...

  9. 图书封面制作-ps图片处理使用教程

    这是一个实用而有趣的教程,在这个PS教程中,我们来学习如何使用photoshop制作一个立体的软件产品盒子. 1.首先运行photoshop创建一个500*500像素的新文件,背景颜色为白色,如图所示 ...

  10. [转]DBA,SYSDBA,SYSOPER三者的区别

    原文地址:http://www.oracleonlinux.cn/2010/02/dba_sysdba_sysoper/ 什么是DBA?什么是SYSDBA,什么又是SYSOPER?三者究竟有何联系呢? ...