`
zhang_yingjie
  • 浏览: 114557 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

隐藏表格一列（ie）

IEFirefoxCC++C# 
阅读更多
<html>
<head>
</head>
<body>
<script type="text/javascript">
function hide(){
document.getElementById("colGroup1").childNodes[1].style.display = "none";
}

function show(){
document.getElementById("colGroup1").childNodes[1].style.display = "block";
}
</script>

<table border="1" width="100%" id="table1">
    <colgroup id="colGroup1">
        <col/>
        <col/>
        <col/>
    </colgroup>
<tbody>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>a</td>
        <td>b</td>
        <td>c</td>
    </tr>
</tbody>
</table>
<p>
<input type="button" value="1" name="B3" onclick="hide();">
<input type="button" value="2" name="B4" onclick="show();">
</p>

<body>
</html>
，在firefox下如何通过colgroup中的col元素来实现隐藏列，还没有搞定
分享到：
| 几个width,height,x,y的解释
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    FF下 用 col 隐藏表格列的方法详解！

    在讨论如何在Firefox浏览器（以下简称FF）中使用`&lt;col&gt;`标签隐藏表格列的方法之前，需要明确一些基本的HTML和CSS知识。`&lt;col&gt;`标签在HTML中主要用于定义表格列的属性，而CSS（层叠样式表）用于设置网页的样式和布局...

    iview table 表格实现 单列超出隐藏 鼠标悬浮出现详情

    效果图 直接复制粘贴下面代码 就可以 { title: '交易订单号', align: 'center', key: 'id', minWidth: 120, render: (h, params) =&gt; { let texts=params.row.id; //这里的params.row.id 是 key值 ...

    vue iview 隐藏Table组件里的某一列操作

    1、假设我要隐藏columns里的 “账户组名称” columns: [ { type: 'selection', width: 60, align: 'center' }, { title: '账号ID', key: 'accountIdString' }, { title: '账号名称', key: 'accountName' }, ...

    javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)

    表格的表头`&lt;thead&gt;`内的每一列`&lt;td&gt;`都带有`class="desc"`，这是因为默认情况下，表格列被标记为降序排列。在`&lt;td&gt;`元素内部，`|&lt;/span&gt;` 和 `&lt;em&gt;-&lt;/em&gt;` 是用于显示排序状态的辅助元素，它们在排序时会被显示或...

    表格设置table-layout:fixed后对单元格宽度设置无效

    col标签是HTML中用于指定列属性的标签，它允许我们为表格中的每一列指定宽度，从而覆盖table-layout:fixed的默认行为。文档中给出了示例代码，通过为每一列指定具体的宽度百分比，可以确保列宽按照指定的宽度显示，...

    表格 题头拖动 超出宽度显示省略号(中文亦可) 滚动条 兼容IE，FF，safari

    1. **表格题头拖动**：这是一种交互设计特性，允许用户通过拖动来调整表格列宽，以适应不同内容的显示需求。实现这一功能通常涉及到JavaScript或者jQuery库，如DataTables、Handsontable等，它们提供了丰富的API和...

    javascript动态添加表格数据行

    如果未指定列数，函数会自动获取表格的第一行的列数。 ```javascript function addRow(tabObj, colNum, sorPos, targPos) { // ... var nTR = tabObj.insertRow(tabObj.rows.length - targPos); var TRs = ...

    JS固定表头和左边列（最新源码）1.9

    1.表格的宽度以及表格每一列的宽度需要固定（特殊情况除外：当表格列数少并且表格总宽度明显小于表格父容器的宽度时，也就是表格列不存在自动换行的问题） 2.表格父容器尺寸大小改变时，需要调用 setBoxSize 方法，...

    JS固定表头和左边列V2.0（源码）

    1.表格的宽度以及表格每一列的宽度需要固定（特殊情况除外：当表格列数少并且表格总宽度明显小于表格父容器的宽度时，也就是表格列不存在自动换行的问题） 2.表格父容器尺寸大小改变时，需要调用 setBoxSize 方法，...

    利用JS+CSS实现滚动表格数据展示

    /* 隐藏IE滚动条 */ } #scrollTable::-webkit-scrollbar { /* 针对Webkit浏览器 */ width: 10px; } #scrollTable::-webkit-scrollbar-track { background: #f1f1f1; } #scrollTable::-webkit-scrollbar-thumb ...

    Extjs表格合并代码

    ExtJS是一款强大的JavaScript库，用于构建富客户端应用程序，其表格组件是功能丰富的数据展示工具。在开发过程中，我们可能会遇到需要合并表格单元格的情况，例如为了创建复杂的报表或呈现层次结构的数据。 表格...

    利用js+css+html实现固定table的列头不动

    在网页设计中，有时我们需要创建一个表格，当用户滚动页面时，表格的列头（thead）保持固定在屏幕顶部，以便用户始终能看到列名。这个功能可以提高用户体验，特别是处理大量数据时。本文将详细解释如何使用...

    纯CSS实现表头固定表格滚动条效果

    在网页设计中，当表格数据过多时，为了保持可读性，通常会使用滚动条来显示隐藏的内容。然而，一个常见的需求是使表格的表头在滚动时始终保持可见，这样用户在浏览长表格时仍能清楚地看到列名。本文将详细介绍如何仅...

    基于jQuery的固定表格头部的代码(IE6,7,8测试通过)

    对于IE8，需要特别处理最后一列的宽度，以包含滚动条宽度。这是因为IE8的表格布局在有滚动条时会改变列宽。其他列的宽度则直接设置为原列宽。 创建一个新的div作为冻结表头的容器，设置其样式属性，如高度、...

    ie6 表格td中无内容时不显示边框的解决办法

    在Internet Explorer 6 (IE6) 浏览器中，一个常见的问题是在表格（table）的单元格（td）内如果没有内容，边框往往不会显示。这个问题会导致用户无法直观地识别表格结构，使得页面布局显得不清晰。以下是一些解决该...

    Layui table field初始化加载时进行隐藏的方法

    看了网上很多的教程，各种对field进行隐藏，通过display:none等常规手段，虽然列是隐藏了，但是整个表格的展现却出了问题。 今天仔细看了文档，原来layui中已经封装了field隐藏的方法： 用法： {field:’id’,title...

    整理了12款Javascript 表格控件(DataGrid)

    它允许自定义CSS样式，支持保存表格状态、隐藏列、动态创建表格以及Ajax数据加载。 6. OmniGrid：使用Mootools框架构建，OmniGrid提供了分页、排序和Ajax数据加载等功能，支持添加、修改和删除表格数据。 7. ...

    HTML 自动伸缩的表格Table js实现

    1. **AutoTableSize函数**：该函数接受一个可选的参数`table`，默认情况下，它将获取页面中第一个表格元素。如果提供了表格的ID或引用，函数会使用这个特定的表格。 2. **初始化**：在`init`方法中，函数遍历表格的...

    一组JS创建和操作表格的函数集合

    - setHiddenRow函数用于隐藏表格中指定的行或列。该函数通过改变CSS的display属性来控制行或列的显示与隐藏。 - insertRow函数用于在现有的表格中插入新的行。它通过克隆表格的第一行来创建新行，并添加到表格的...

Magicbox
Global site tag (gtag.js) - Google Analytics