TABLE中列与行的显示和隐藏

最新推荐文章于 2023-04-15 21:17:36 发布
最新推荐文章于 2023-04-15 21:17:36 发布
阅读量915 收藏
点赞数
分类专栏： html网页技术 文章标签： table button javascript input html border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yadarling/article/details/7004634
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 显示隐藏列 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function setHiddenCol(oTable,iCol){
    for (i=0;i < oTable.rows.length ; i++)
    {
        oTable.rows[i].cells[iCol].style.display = oTable.rows[i].cells[iCol].style.display=="none"?"block":"none";
    }
}
function setHiddenRow(oTable,iRow){
    oTable.rows[iRow].style.display = oTable.rows[iRow].style.display == "none"?"block":"none";
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<TABLE id="Table1" cellSpacing="1" cellPadding="1" border="1">

<TR> <TD width="20%">00</TD> <TD width="20%" bgcolor="#E3E3E3">01</TD> <TD width="20%">02</TD></TR>
<TR> <TD width="20%" bgcolor="red">10</TD> <TD width="20%" bgcolor="green">11</TD> <TD width="20%" bgcolor="red">12</TD></TR>
<TR> <TD width="20%">20</TD> <TD width="20%" bgcolor="#E3E3E3">21</TD> <TD width="20%">22</TD></TR>
</TABLE> </P>


<INPUT id="btnHiddenCol" type="button" value="显示/隐藏第2列" name="btnHiddenCol" οnclick="setHiddenCol(document.getElementById('Table1'),1)">
<INPUT id="btnHiddenRow" type="button" value="显示/隐藏第2行" name="btnHiddenRow" οnclick="setHiddenRow(document.getElementById('Table1'),1)">
</BODY>
</HTML>

yadarling
关注
专栏目录
javascript实现div的显示和隐藏的小例子
12-09
代码如下:<html><head><meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /><title>oec2003</title>[removed]<!–function toggle(targetid){    if (document.getElementById){        target=document.getElementById(targetid);            if (target.styl
关于Layui Table隐藏列问题
10-16
此外，文章中提到“其实只要改行对象有数据，就能取出来”，这意味着Layui的表格在渲染数据行的时候，并不会因为前端的隐藏操作而改变数据行对象本身。也就是说，即便某列被隐藏了，但在JavaScript中仍然可以通过...
table 隐藏显示列
炉火纯青
12-26 3907
$(document).ready(function(){ $(".jsj").hide(); $("#jsj_b").click(function(){ if($("#jsj_b").attr('checked')==true) { $(".jsj").hide(); }else{ $(".jsj").show(); }}); });
添加、删除table表格中的行和列
weixin_44523717的博客
08-14 549
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
隐藏tableWidget指定行和列
weixin_44598265的博客
10-10 1086
要隐藏tableWidget指定行和列，代码如下
Qtablewidget隐藏行和列
weixin_44811185的博客
10-27 6987
Qtablewidget隐藏行和列
element-ui 中的table的列隐藏问题解决
10-18
首先，要了解在 Element-UI 中 table 组件与传统的 Bootstrap table 组件之间在处理列隐藏显示时的差异。在 Bootstrap 中，通常使用 CSS 的 display 属性来控制元素的显示和隐藏，这种方法简单直接。然而在 Element-...
bootstrap控制table列的显示隐藏
03-30
用js控制table列的显示隐藏 用js控制table列的显示隐藏
js控制隐藏显示table特定列
08-02
在 HTML 中，我们经常需要控制 TABLE 的显示和隐藏，特别是在数据表格中，需要根据用户的选择来显示或隐藏某些列。今天，我们将介绍使用 JavaScript 控制隐藏显示 TABLE 特定列的方法。 知识点 1：使用 JavaScript ...
如何在显示表控件的时候隐藏某些列
weixin_30326515的博客
11-22 157
摘自http://scnblogs.techweb.com.cn/qiangsheng/archives/9.html 在 ABAP 屏幕开发中，对于普通的屏幕字段，可以使用 SCREEN 结构来控制其显示和隐藏，以及是否允许输入等特性，但是有时候我们希望在显示表控件的时候隐藏某些列，用 SCREEN 就无能为力了。 这时候需要用 SAP 为表控件设置的特定结构来完成。参考代码如下： data...
qt5下操作table表格
01-28
使用qt操作表格，有两种方式，一种是比较容易理解的qtablewidget，另外一种是qtableview，如果table的行列数不固定，还需要不断的刷新，前者存在内存泄漏的风险，且不便于操作，后者才是王道，但是qt又没有原装的操作table的M模型，本代码封装了操作qtableview的M模型。可直接调用。
el-table 控制列隐藏与展示
m0_53871713的博客
04-15 1257
以弹出框的形式勾选需要展示的列。
tableWidget隐藏行和列
ALLIN君
10-28 1万+
要隐藏tableWidget指定行和列，代码如下 // 隐藏列 ui->tableWidget->setColumnHidden(0, true); // 隐藏第一列 ui->tableWidget->setColumnHidden(2, true); // 隐藏第三列 // 隐藏行 ui->tableWidget->setRowHidden(0, true); // 隐藏第一行 ui->tableWidget->setRowHidden(2, true);
table的行和列的隐藏和显示
The Home Of Salt Fish
10-12 1万+
今天偶然发现表格隐藏行和列挺好用的，觉得还不错，下面是隐藏和显示table行、隐藏table列（显示的类同）的js函数，直接调用这些函数就可以实现表格行和列的显示和隐藏。 1.显示行 function setShowRow(oTable,iRow){     oTable.rows[iRow].style.display = oTable.rows[iRow].style.display = "b...
QtCreator QTableView用法大全，隐藏列，添加关系表，设置列宽，设置显示列名（持续添加）
热门推荐
psujtfc的专栏
08-02 2万+
基本用法 tableModel->setTable("baoxiudan");
Vue控制表格列的显示隐藏
withme
11-03 6645
table控制列显示隐藏的功能 当选中时 table列显示，未选中时隐藏该列 首先造轮子 全局拿来用 // 这是子组件 <template> <div style="text-align: right;"> <el-popover placement="right" title="列筛选" trigger="click" > <el-checkbox-group v-model="checkList" @change="filter"
QTableWidget添加表头菜单 并 可以通过表头菜单隐藏选中列
weixin_30732487的博客
05-31 1919
一、首先需要给QTableWidget安装事件 二、重新实现eventFilter(QObject *obj, QEvent *ev)函数 三、下面是实现代码 　　① .h文件 #ifndef TABLEHEADERMENU_H #define TABLEHEADERMENU_H #include <QtWidgets/QMainWindow> #include ...
Table边框使用总结
咫尺天涯
07-09 807
本文转载自：http://www.cnblogs.com/Nina-piaoye/archive/2009/05/13/1455791.html 一、表格的常用属性 基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔...
antdesign table列如何动态隐藏和显示
最新发布
05-25
Ant Design Table 组件中的列可以动态隐藏和显示，具体实现方式如下： 1. 在 Table 组件中的 columns 属性中，为每个列设置一个属性“visible”，表示该列是否可见。默认情况下，所有列都可见。 2. 通过控制...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值