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

  

posted on 2017-08-16 11:18  ckx0709  阅读(1575)  评论(0编辑  收藏  举报

导航