html tr td colspan
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的更多相关文章
- 根据div 标签 查看数组@class=modulwrap 下面的/table/tbody/tr/td
<div class="modulwrap"> <div class="request_title"> <span class=& ...
- html5 表格标签 table tr td
最重要的三个 <table> 表格声明标签 属性: boarder 边框粗细 style 可配合css 使用 <tr> 行标签 table row ...
- HTML 表格<table><caption><th><tr><td><thead><tbody><tfoot><col><colgroup>
<table>标签: 定义和用法: <table>标签定义HTML表格. 简单的HTML表格由table元素以及一个或多个tr.th或td元素组成. tr元素定义表格行,th元 ...
- HTML中表格元素TABLE,TR,TD及属性的语法
table:表格元素及属性 <table width="80%" border="1" cellspacing="1" cellpad ...
- <td colspan="2" > 一个td占两个 td空间
<tr> <td>机构名称: ${accreditInfo.companyName}</td> <td>初始授信额度: ${accreditInfo.i ...
- jquery动态添加/删除 tr/td
<head runat="server"> <title></title> <!--easyui --> <link rel= ...
- js动态添加table 数据tr td
成果库修改: 要求主题列表随成果类型改变而改变 网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合——动态创建/编辑Table 概要代码 ...
- html中table,tr,td
table表格,tr表格中的行,tr表格中的列,等级关系是table>tr>td, 当然表格中还包括thead,tbody,tfoot,th,但由于浏览器支持缘故很少使用.另外table在 ...
- js动态添加<tr><td>
<form id="addNewsFormData" name="addNewsFormData" isCheck="true" ac ...
随机推荐
- HoloLens开发手记 - Unity之World Anchor空间锚
World Anchor空间锚提供了一种能够将物体保留在特定位置和旋转状态上的方法.这保证了全息对象的稳定性,同时提供了后续在真实世界中保持全息对象位置的能力.简单地说,你可以为全息物体来添加空间锚点 ...
- 如何在WPF中引用Windows.System.Forms.Integration
转自 http://www.cnblogs.com/sinozhang1988/archive/2012/11/28/2792804.html “未找到程序集 WindowsFormsIntegrat ...
- Swift 玩转 3D Touch 之 Peek & Pop
什么是3D Touch 3D Touch 是iOS9之后专为 iPhone6s 机型加入的新特性,这一新技术移植于 Mac Book 上的 ForceTouch 更准确地说应该是 ForceTouch ...
- #Linux学习笔记# Linux在线帮助文档man page
man是manual的简称,表示手册页.Linux系统的帮助手册页是按照章节(SECTION)来存储了.man手册页分为下面几个章节. 1 普通命令 2 内核提供的系统调用 3 库调用(C库函数) 4 ...
- Git.Framework 框架随手记--ORM查询数据集合 二
一. 分组查询 在SQL中使用Group By 来对数据分组,在实际中分组中一般与聚合函数一并使用.在Git.Framework中提供了相应的分组方法 DataTable Group(T entit ...
- tmux列表重命名
查看tmux会话列表时,会话名称是数值递增,不易识别 tmux ls 1: 1 windows (created Fri Oct 21 16:29:46 2016) [175x41]2: 1 wind ...
- Bootstrap3.0学习第九轮(CSS补充)
详情请查看http://aehyok.com/Blog/Detail/15.html 个人网站地址:aehyok.com QQ 技术群号:206058845,验证码为:aehyok 本文文章链接:ht ...
- javascript键盘输入控制
获取键盘控制事件 document.onkeydown = keyDown 当浏览器读到这个语句时,无论按下键盘上的哪个键,都将呼叫KeyDown()函数. 不同浏览器的实现: Netscape Ne ...
- SQL-Server 创建数据库,创建表格
use master --使用master权限 create database E_Market--创建新数据库 on primary--指定主数据文件,有且只有一个 ( name='E_Market ...
- bugzilla_firefox
//本来要给火狐提交bug的,发现复现不鸟,我勒个去 <!doctype html> <html> <head> <meta charset="ut ...