JavaScript控制table某列不显示的方法


Posted in Javascript onMarch 16, 2015

本文实例讲述了JavaScript控制table某列不显示的方法。分享给大家供大家参考。具体实现方法如下:

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");
 });
}

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
完整显示当前日期和时间的JS代码
Sep 17 Javascript
jquery根据name属性查找的小例子
Nov 21 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
Nov 26 Javascript
Vue.js每天必学之指令系统与自定义指令
Sep 07 Javascript
Angular 常用指令实例总结整理
Dec 13 Javascript
JavaScript通过filereader接口读取文件
May 10 Javascript
js学使用setTimeout实现轮循动画
Jul 17 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
Oct 25 Javascript
JavaScript代码实现txt文件的上传预览功能
Mar 27 Javascript
解决vue路由后界面没有变化,但是链接有的问题
Sep 01 Javascript
vue实现全屏滚动效果(非fullpage.js)
Mar 07 Javascript
小程序实现文字循环滚动动画
Jun 14 Javascript
详解addEventListener的三个参数之useCapture
Mar 16 #Javascript
解决Jquery向页面append新元素之后事件的绑定问题
Mar 16 #Javascript
jquery中radio checked问题
Mar 16 #Javascript
jquery中JSON的解析方式
Mar 16 #Javascript
浅谈js中的闭包
Mar 16 #Javascript
js完美实现@提到好友特效(兼容各大浏览器)
Mar 16 #Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
Mar 15 #Javascript
You might like
dedecms中常见问题修改方法总结
2007/03/21 PHP
php以fastCGI的方式运行时文件系统权限问题及解决方法
2015/05/11 PHP
php获取当前月与上个月月初及月末时间戳的方法
2016/12/05 PHP
Eclipse PHPEclipse 配置的具体步骤
2017/08/08 PHP
图片格式的JavaScript和CSS速查手册
2007/08/20 Javascript
js tab 选项卡
2009/04/26 Javascript
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
2010/06/12 Javascript
javascript中使用css需要注意的地方小结
2010/09/01 Javascript
强大的jquery插件jqeuryUI做网页对话框效果!简单
2011/04/14 Javascript
Js,alert出现乱码问题的解决方法
2013/06/19 Javascript
如何使用Javascript获取距今n天前的日期
2013/07/08 Javascript
javascript获取web应用根目录的方法
2014/02/12 Javascript
JQuery给元素绑定click事件多次执行的解决方法
2014/05/29 Javascript
js窗口关闭提示信息(兼容IE和firefox)
2015/10/23 Javascript
Javascript 获取鼠标当前的位置实现方法
2016/10/27 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
javaScript 连接打印机,打印小票的实例
2017/12/29 Javascript
vue实现多条件和模糊搜索功能
2019/05/28 Javascript
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
python 实现UTC时间加减的方法
2018/12/31 Python
在python下使用tensorflow判断是否存在文件夹的实例
2019/06/10 Python
使用python搭建服务器并实现Android端与之通信的方法
2019/06/28 Python
django ModelForm修改显示缩略图 imagefield类型的实例
2019/07/28 Python
Python秒算24点实现及原理详解
2019/07/29 Python
python实现大量图片重命名
2020/03/23 Python
Python request post上传文件常见要点
2020/11/20 Python
Django URL参数Template反向解析
2020/11/24 Python
python字典按照value排序方法
2020/12/28 Python
HTML 5 input placeholder 属性如何完美兼任ie
2014/05/12 HTML / CSS
维珍澳洲航空官网:Virgin Australia
2017/09/08 全球购物
综合办公室个人的自我评价
2013/12/22 职场文书
2014新课程改革心得体会
2014/03/10 职场文书
小学三八妇女节活动方案
2014/03/16 职场文书
高中学生会竞选演讲稿
2014/08/25 职场文书
2015年度护士个人工作总结
2015/04/09 职场文书
教师反邪教心得体会
2016/01/15 职场文书