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/ ...
随机推荐
- day38-IO流05
JavaIO流05 4.常用的类04 4.4节点流和处理流03 4.4.8打印流-PrintStream和PrintWriter 打印流只有输出流,没有输入流 1.简单介绍及应用 PrintStrea ...
- 配置联想IMM使用AD账户登录
IMM是联想(IBM)服务器的管理卡Integrated Management Module的缩写,现在是第二个版本.通过它可以远程管理服务器,就像你在服务器面前操作一样.可以修改BIOS设置,可以重 ...
- 微服务系列之授权认证(二) identity server 4
1.简介 IdentityServer4 是为ASP.NET Core系列量身打造的一款基于 OpenID Connect 和 OAuth 2.0 认证授权框架. 官方文档:https://ident ...
- Mybatis框架搭建
Mybatis框架搭建 思路: 搭建环境 导入Mybatis 编写代码 测试 一.搭建环境 创建数据库 /* Navicat Premium Data Transfer Source Server ...
- ELK日志报警插件ElastAlert并配置钉钉报警
文章转载自:https://www.cnblogs.com/uglyliu/p/13118386.html ELK日志报警插件ElastAlert 它通过将Elasticsearch与两种类型的组件( ...
- 详述ProxySQL的路由规则 --- 实践篇
转载自:https://blog.csdn.net/weixin_30911809/article/details/98601663 关于ProxySQL路由的简述 当ProxySQL收到前端app发 ...
- 开源 Web 相册程序: Photoview 和数据可视化生成工具:Datawrapper
Photoview Photoview是一个开源 Web 相册程序,Go 语言写的,使用 Docker 安装,可以用来快速架设个人相册. github地址:https://github.com/pho ...
- 为不同的用户生成不同的 Kibana 界面
文件转载自:https://elasticstack.blog.csdn.net/article/details/109593613
- 文盘Rust -- struct 中的生命周期
最近在用rust 写一个redis的数据校验工具.redis-rs中具备 redis::ConnectionLike trait,借助它可以较好的来抽象校验过程.在开发中,不免要定义struct 中的 ...
- 内存映射IO(MMIO)
端口I/O 介绍: 一种I/O编址方式是端口映射I/O(port-mapped I/O), CPU使用专门的I/O指令对设备进行访问, 并把设备的地址称作端口号. 在执行其中的一条指令时,CPU使用地 ...