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. Win10/UWP开发—使用Cortana语音指令启动前台App

    这两天进群(53078485)找大咖的童鞋比较多,只是大咖比较忙,目前Demo还没有要到,这里先给大家转载一篇Aran大咖的博客学习下,以下是原文: Win10开发中最具有系统特色的功能点绝对少不了集 ...

  2. 在ubuntu server上安装沸腾时刻环境

    1. 安装php5.6 http://phpave.com/upgrade-to-php-56-on-ubuntu-1404-lts/ 按照这篇文章的顺序来做,可以安装最新5.6版本php 安装好了以 ...

  3. MyEclipse 启动报错:'Building workspace' has encountered a problem解决方法

    转载于:http://blog.csdn.net/v123411739/article/details/42645159 每次MyEclipse工作空间报错如下:'Building workspace ...

  4. /WEB-INF/userManage.jsp(31,82) Unterminated ${ tag

    这个错误是说明${}少写了一半. Unterminated有这个的意思是你的jsp语法有错误

  5. Java-集合类汇总

    结构图: Collection ├List │├LinkedList │├ArrayList │└Vector │ └Stack └Set Map ├Hashtable ├HashMap └WeakH ...

  6. Java Filter过滤器的简单总结

    1.Filter的介绍 Filter技术是servlet 2.3新增加的功能.它能够对Servlet容器的请求和响应对象进行检查和修改. Filter本身并不生成请求和响应对象,只是提供过滤功能. F ...

  7. 常用JQuery插件

    虽然自己也写过插件,但JQuery插件种类的繁多,大多时候,我还是使用别人写好的插件,这些都是我用了同类插件里较为不错的一些,今天就整理一下公开放出来. UI: jquery.HooRay(哈哈,自己 ...

  8. Oracle自定义函数

    核心提示:函数用于返回特定数据.执行时得找一个变量接收函数的返回值; 语法如下: create or replace function function_name ( argu1 [mode1] da ...

  9. Java 编辑tips

    1.      windows 安装 jdk配置环境 1) 下载jdk,正常安装结束,保存安装路径. 2)我的电脑—〉右键属性—〉高级系统设置—〉环境变量—〉添加系统变量 新建两个变量 JAVAHOM ...

  10. [转]ubuntu安装光盘修复grub-rescue引导失败问题

    Reference:http://liujianqiao398.blog.163.com/blog/static/181827257201292775649815/ 1.步骤一 以试用方式进入ubun ...