使用<c:if></c:>进行对ruquest的集合变量值进行判断进行动态改变样式
<c:forEach var="pk" items="${pk}">
<tr>
<td
<c:if test="${pkno1==3}" var="r">
style="background-color:red"
</c:if>
<c:if test="${pkno1==1}" var="r">
style="background-color:blue"
</c:if>
>${pkno1}</td>
</c:forEach>
以上只是举两例子的值进行判断，如果想更过的值进行判断按以上的方式集合得到所要的单元格的样式
<tr><td>这2个标签是一定要配合<table>使用的。<tr>也就是表格的一行，<td>是表格一行中的一格。1，Javascript *** 作table,tr,td ，代码如下：function messageSort() { --函数名var message=documentgetElementById("message")value; --添加的内容(下面有对应的html)if(name == "" ) return; --如果添加为空,返回var row = documentcreateElement("tr"); //创建tr的rowsetAttribute("id", name); --设置row的属性 var cell = documentcreateElement("td");//创建tdcellappendChild(documentcreateTextNode(name));//td里注入文本rowappendChild(cell);//将TD注入TRvar deleteButton = documentcreateElement("input"); //这部分是添加删除button按钮deleteButtonsetAttribute("type", "button");deleteButtonsetAttribute("value", "删除");deleteButtononclick = function () { deleteSort(name); };cell = documentcreateElement("td"); cellappendChild(deleteButton);//注入按钮rowappendChild(cell);//将TD注入TRdocumentgetElementById("sortList")appendChild(row);//将TR注入到相应地方(sortList可以看下面html)var cell5 = documentcreateElement("td");cellstylebackground="#ffffff";//背景颜色设置row1stylecolor="#ffffff"; //字体颜色设置cell5styledisplay = "none" ; //ie不支持setAttribute("style", "display:none");// <td style="display:none" >dd</td> 直接写TD是这样cell5appendChild(documentcreateTextNode(zdid));rowappendChild(cell5);}// 删除内容function deleteSort(id) {//这个函数为上面的删除button调用的var rowToDelete = documentgetElementById(id);var sortList = documentgetElementById("sortList");sortListremoveChild(rowToDelete);}</script></head><body><table border="0" cellspacing="0" width="400" bgcolor="#f5efe7"><tr> <td height="20">增加内容:</td> <td><input id="message" type="text"></td> <td><a href="javascript:messageSort();">添加</a></td></tr></table><table border="1" width="400"><tr> <td height="20" align="center">内容:</td> <td> *** 作</td></tr><tbody id="sortList"></tbody></table></body>2，一般情况下定义一个效果良好的表格采用下面的属性定义方式代码：<table cellSpacing="0" cellPadding="0" border='1' bordercolor="black" style='border-collapse:collapse;table-layout: fixed'></table> 当某个td中没有内容或者没有可见元素时，td的border也会消失。解决方案就是给table添加样式border-collapse:collapse 代码段：text-overflow{ display:block;/内联对象需加/ width:31em; word-break:keep-all;/ 不换行 / white-space:nowrap;/ 不换行 / overflow:hidden;/ 内容超出宽度时隐藏超出部分的内容 / text-overflow:ellipsis;/ 当对象内文本溢出时显示省略标记() ；需与overflow:hidden;一起使用。/ } 3，但对于表格table来讲是有些不同，代码段：table{ width:30em; table-layout:fixed;/ 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 / } td{ width:100%; word-break:keep-all;/ 不换行 / white-space:nowrap;/ 不换行 / overflow:hidden;/ 内容超出宽度时隐藏超出部分的内容 / text-overflow:ellipsis;/ 当对象内文本溢出时显示省略标记() ；需与overflow:hidden;一起使用。/ }<p>这是段落标签 每两个标签对之间的内容为一段</p>
<table>
<tr>
<td>这里是表格里的内容（第一个小单元格）</td>
<td>这里是表格里的内容（第二个小单元格）</td>
<td>这里是表格里的内容（第三个小单元格）</td>
</tr>
</table>
一个<tr></tr>标签对是一列 也就是里面是横着一排 横着有多少个<td>标签对 就有多少个单元格
相信我说的够详细了 希望对楼主有帮助<table>是<tr>的上层标签
<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签
<table>标示一个表格,<tr>标示这个表格中间的一个行
<td>标示行中的一个列,需要嵌套在<tr></tr>中间
具体格式是:(两行两列)
<table>
<tr>
<td></td>
<td></td>
</tr>
</teble>
<table>是<tr>的上层标签
<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签
<table>标示一个表格,<tr>标示这个表格中间的一个行
<td>标示行中的一个列,需要嵌套在<tr></tr>中间
具体格式是:(两行两列)
<table>
<tr>
<td></td>
<td></td>
</tr>
</teble>
希望对你有帮助form 标签应该写在tr标签外面的，这样即不会产品因为FORM而多出的间距，成不会出现成两行特别注意标签的书写规则，其实就是你的每个表单都没有</form>的结束标签，提交时会出错的。
比如：
<table align="left">
<form target="mainFrame" action="delBySnojsp" methos="post" />
<tr>
<td>
请输入学生学号
<input type="text" name="sno" size=20 />
<input type="submit" name="del_By_Sno" value="按学号删除" />
</td>
</tr>
</form>
</table> function onAddTR(trIndex)
{
var tb = documentgetElementById("tb1");
var newTr = tbinsertRow(trIndex);//添加新行，trIndex就是要添加的位置
var newTd1 = newTrinsertCell();
newTd1innerHTML = "这是新行，位置：" + trIndex;
var newTd2 = newTrinsertCell();
newTd2innerHTML = "这是新行，位置：" + trIndex;
}
请参考采纳，谢谢！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）