前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何隐藏table 中的指定列?

如何隐藏table 中的指定列?

作者头像
爱明依
发布2019-03-12 15:03:38
6.6K0
发布2019-03-12 15:03:38
举报
文章被收录于专栏:爱明依爱明依

如何隐藏table 中的指定列?当页面需要显示的内容太多,而页面宽度又不够,不想内容显示太混乱,常常会将指定的列暂时隐藏掉,那么如何让实现呢?

js代码如下:

/**  * table列显示隐藏  * @param tableId  * @param columns table列索引 例: 0,1,2,3  * @param type 显示隐藏列 1.显示table列 2.隐藏table列  */ function hideShowTableTd(tableId, columns, type) {     var strs = new Array(); //定义一数组     strs = columns.split(","); //字符分割     var tableTd = "";     for (var i = 0; i < strs.length; i++) {         tableTd += "td:eq(" + strs[i] + "),th:eq(" + strs[i] + "),"     }     tableTd = tableTd.substring(0, tableTd.length - 1);     if (type == '1') {         $('#' + tableId + ' tr').find(tableTd).show();     }     if (type == '2') {         $('#' + tableId + ' tr').find(tableTd).hide();     } }

实现的逻辑和思路:需要先将要隐藏列的下标进行分解,然后通过下标进行获取到对象,最后利用hide() 或者是show() 进行显示或者是隐藏。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017年08月03日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档