JavaScript控制table某列不显示的方法
2016-05-19 15:26
656 查看
本文实例讲述了JavaScript控制table某列不显示的方法。分享给大家供大家参考。具体实现方法如下:
1、table代码
2、js根据权限控制
注:如果数据是动态数据,当赋值完后再控制显示td,否则会造成td头控制成功,其他行失败的情况
1、table代码
<table id="mytable" border="0" width="1400" align="center" cellpadding="3" cellspacing="1" bgcolor="#dfdfdf"> <tbody id="tbody1" style="background: #e4e9f0; font-weight: bold;"> <tr class="gray12"> <td width="120" bgcolor="#FFFFFF">日期</td> <td width="120" bgcolor="#FFFFFF">媒体名称</td> <td width="200" bgcolor="#FFFFFF">投放形式</td> <td width="120" bgcolor="#FFFFFF">曝光次数</td> <td width="120" bgcolor="#FFFFFF">曝光人数</td> <td width="120" bgcolor="#FFFFFF">点击次数</td> <td width="120" bgcolor="#FFFFFF">点击人数</td> <td width="120" bgcolor="#FFFFFF">CTR</td> <td width="120" bgcolor="#FFFFFF">访次</td> <td width="120" bgcolor="#FFFFFF">跳出次数</td> <td width="120" bgcolor="#FFFFFF">访问深度</td> <td width="120" bgcolor="#FFFFFF">浏览时长/秒</td> <td width="120" bgcolor="#FFFFFF">参与活动人数</td> <td width="120" bgcolor="#FFFFFF">办理业务人数</td> </tr> </tbody> <tbody id="detail_id"></tbody> </table>
2、js根据权限控制
注:如果数据是动态数据,当赋值完后再控制显示td,否则会造成td头控制成功,其他行失败的情况
if (uname === "guest") { $("#mytable tr").each(function() { $(this).find("td").eq(7).css("display", "none"); $(this).find("td").eq(8).css("display", "none"); $(this).find("td").eq(9).css("display", "none"); $(this).find("td").eq(10).css("display", "none"); $(this).find("td").eq(11).css("display", "none"); $(this).find("td").eq(12).css("display", "none"); $(this).find("td").eq(13).css("display", "none"); }); }
相关文章推荐
- 利用js保存图片到本地
- JS学习14(Canvas)
- JS打开新窗口的2种方式
- 文本框中,回车键触发事件的js代码[多浏览器兼容]
- ECMASript5 JSON对象和JS对象转换
- arraylist 转json
- js刷新页面方法大全
- js数组长度
- web中用ajax传递json数据到后台
- js 监听浏览器后退事件
- MVC ViewBag C#传值给javascript
- JSP学习笔记
- rapidjson官方教程
- JS定义类的六种方式详解
- JSTL标准标签库
- RapidJSON简介
- For..In loops in javascript - key value pairs
- JS判断IP地址格式是否正确
- JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
- 使用GSON解析JSON文件