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 ...
随机推荐
- php 验证格式的函数总结
在首页上看到了这篇总结性的文章,就收藏了起来,想转载过来留着以后方便查看,但是没有找到转载的地,就只有copy下来了.在这里谢谢群主的分享! // ※CheckMoney($C_Money) 检查数据 ...
- 最新微信小程序(应用号)视频教程,实战教程
1.1课程介绍,定个小目标 http://v.youku.com/v_show/id_XMTc2NzIwNDk1Ng==.html 1.2开发文档简读,了解全貌 ht ...
- css编写的时候注意什么
1.尽量少写div.别没事干就加一个div层. 我们尽量做到代码清晰,结构清晰. 2.css的定位,漂浮,容量,margin,padding我们用的时候尽量. 写的时候,有很多种,但是我们必须要求自己 ...
- Linq之Expression高级篇(常用表达式类型)
目录 写在前面 系列文章 变量表达式 常量表达式 条件表达式 赋值表达式 二元运算符表达式 一元运算符表达式 循环表达式 块表达式 总结 写在前面 首先回顾一下上篇文章的内容,上篇文章介绍了表达式树的 ...
- Bootstrap3.0学习第十二轮(导航、标签、面包屑导航)
详情请查看http://aehyok.com/Blog/Detail/18.html 个人网站地址:aehyok.com QQ 技术群号:206058845,验证码为:aehyok 本文文章链接:ht ...
- java设计模式--原始模型模式
简介 原始模型模式属于对象的创建模式.通过一个原型对象来指明要创建对象的类型,然后用复制原型对象的方法来创建出更多同类型的对象. Java所有的类都是从java.lang.Object类继承来的,Ob ...
- oracle-3-子查询和常用函数
主要内容: >子查询 >伪例 >锁的概念 >>>1.子查询 子查询在SELECT ,UPDATE ,DELETE 语句内部可以出现SELECT 语句,内部的SELE ...
- jQuery 选择器语法
jQuery选择器分为如下几类(点击“名称”会跳转到此方法的jQuery官方说明文档): 1. 基础选择器 Basics 名称 说明 举例 #id 根据元素Id选择 $("divId&quo ...
- 【POJ 2923】Relocation(状压DP+DP)
题意是给你n个物品,每次两辆车运,容量分别是c1,c2,求最少运送次数.好像不是很好想,我看了网上的题解才做出来.先用状压DP计算i状态下,第一辆可以运送的重量,用该状态的重量总和-第一辆可以运送的, ...
- HDU2222 Keywords Search [AC自动机模板]
Keywords Search Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 131072/131072 K (Java/Others ...