table 动态隐藏tr行
table:
<table style="width:100%" class="table01" cellspacing="1" cellpadding="5">
<tr><td class="td_title" width="15%" align="center" nowrap="nowrap" colspan="4">详 情</td>
</tr>
<tr id="qtdw"><td class="td_title" width="15%" align="center" nowrap="nowrap">牵头单位:</td>
<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
<input id ="re_title" class="zxui-textbox" type="text" editable="false"
style="width:600px" value="${main_dept_name}">
</td>
</tr>
<tr><td class="td_title" width="15%" align="center" nowrap="nowrap">落实情况:</td>
<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
<input id="contentes" class="zxui-textbox" type="text" editable="false"
style="width:600px;height:100px" multiline="true" value="${contentes}">
</td>
</tr>
<tr><td class="td_title" width="15%" align="center" nowrap="nowrap">存在问题:</td>
<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
<input id="problem" class="zxui-textbox" type="text" editable="false"
style="width:600px;height:100px" multiline="true" value="${problem}">
</td>
</tr>
<tr><td class="td_title" width="15%" align="center" nowrap="nowrap">下周计划:</td>
<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
<input id="next_plan" class="zxui-textbox" type="text" editable="false"
style="width:600px;height:100px" multiline="true" value="${nextplan}">
</td>
</tr>
<tr id="sbr"><td class="td_title" width="15%" align="center" nowrap="nowrap">上 报 人:</td>
<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
<input id ="re_title" class="zxui-textbox" type="text" editable="false"
style="width:600px" value="${create_name}">
</td>
</tr>
</table>
有两个角色共用一个页面,其中table显示略有不同,用传递身份参数来控制牵头单位、上报人的行的隐藏。
js:
$(function(){
var identity = '${identity}';
if (identity == 'jbdcy') {
$('#qtdw').hide();
$('#sbr').hide();
}
});
更多方法参考感谢:http://www.jb51.net/article/54118.htm
table 动态隐藏tr行的更多相关文章
- table 中的tr 行点击 变换颜色背景
<style> table{border-collapse: collapse;border-spacing: 0; width: 100%;} table tr th,td{border ...
- js在table指定tr行上或底下添加tr行
js在table指定tr行上或下面添加tr行 function onAddTR(trIndex) { var tb = document.getElementB ...
- js动态给table添加/删除tr的方法
js动态给table添加/删除tr的方法. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> ...
- LayUI之table数据表格获取行、行高亮等相关操作
前言 目前LayUI数据表格既美观有不乏一些实用功能.基本上表格应有的操作已经具备,LayUI作者[贤心]肯定是煞费苦心去优化,此处致敬.但是实话实话,如果单纯那数据表格功能来说,EasUI的数据表格 ...
- jquery 动态添加表格行
jquery 动态添加表格行 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <h ...
- 【转】ASP.NET中服务器控件Table动态生成表格及其属性介绍
下文所有内容转自开源中国:http://www.oschina.net/question/565065_86453#tags_nav ================================= ...
- ASP.NET给Table动态添加删除行,并且得到控件的值
ASP.NET给Table动态添加控件并且得到控件的值 由于跟老师做一个小的项目,可是我自己又不太懂js,所以一直为动态建立表格并且能动态的取值和赋值感到苦恼.起初在网上找到了一些js资源,解决了动态 ...
- JQUERY方法给TABLE动态增加行
比如设置table的id为tabvar trHTML = "<tr><td>...</td></tr>"$("#tab&q ...
- 编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理
编辑表格输入内容.根据input输入框输入数字动态生成表格行数.编辑表格内容提交传给后台数据处理 记录自己学习做的东西,写的小demo,希望对大家也有帮助! 代码如下: <!DOCTYPE ht ...
- table 控制单双行颜色以及鼠标hover颜色 table光棒
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
随机推荐
- Java中如何创建不可变(immutable)类
什么是不可变类 1. 不可变类是指类的实例一经创建完成,这个实例的内容就不会改变. 2. Java中的String和八个基本类型的包装类(Integer, Short, Byte, Long, Dou ...
- 腾讯云即时通信 IM 服务 实例项目
腾讯云即时通信 IM 服务 https://github.com/tencentyun/TIMSDK
- Kubernetes DevOps: Tekton
Tekton 是一款功能非常强大而灵活的 CI/CD 开源的云原生框架.Tekton 的前身是 Knative 项目的 build-pipeline 项目,这个项目是为了给 build 模块增加 pi ...
- 从dva到vuex的使用方法()
官网文档:https://vuex.vuejs.org/zh/ 辅助理解的博客:https://blog.csdn.net/m0_70477767/article/details/125155540 ...
- 定制开发 ERP 的优势有哪些?
定制开发ERP对企业而言是把双刃剑,成败难以把握.定制开发ERP理论上来讲是最贴合企业业务需求的,因为它是按企业需求定制,看上去似乎没什么毛病,但ERP是专业性极强的业务逻辑极其复杂的软件系统,有两个 ...
- Linux+Proton without Steam玩红警3指南
首先你需要Proton5.13 without Steam,使用说明和下载链接看这里https://www.cnblogs.com/tubentubentu/p/16716612.html 然后在/e ...
- JSP实现登录功能(页面带样式)
功能要求 1.完成两个页面 2.第一个登陆页面login. jsp 3.第二个用户管理页面useManage. jsp 4.有登录功能(能进行用户名密码的校验,用户名若为自己的学号密码为班级号,允许登 ...
- 关于pwd命令小技巧-确认当前工作目录的绝对路径中是否包含软链接目录名
Linux中任何一个命令,当你用心研究到深处时,也许总能有着新的发现或者有趣的用途,如下方的pwd命令 对于pwd命令,大家都知道是用于打印当前的工作目录路径,而且是绝对路径 pwd命令两个选项的,默 ...
- Docker容器虚拟化
Docker容器虚拟化 目录 Docker容器虚拟化 虚拟化网络 单节点容器间通信 不同节点容器间通信 虚拟化网络 Network Namespace 是 Linux 内核提供的功能,是实现网络虚拟化 ...
- 将Java代码打包成jar文件转换为.exe可执行程序方法
做完学生管理系统后我想将代码打包成一个可执行程序,那样就可以直接点击在Windows下运行了,下面就跟大家分享下打包方法. 将Java的代码转换成 .exe 文件需要先把代码打包成 jar 文件然 ...