主页 > 知识库 > FF下 用 col 隐藏表格列的方法详解!

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

热门标签:检查注册表项 铁路电话系统 银行业务 智能手机 呼叫中心市场需求 美图手机 服务器配置 网站文章发布
今天,我在一个有52个字段的报表时,迫使我深入的做了一下研究,
我发现:
col在ff下的display 的默认值是:table-column 
visibility的默认值为:visible
我又查查了CSS手册,发现 visibility 有一个 collapse的可选值,据说在IE下是没有实现的,IE没实现不竺于FF没有实现,就像FF不支持的不一定IE不支持一样。
BT的我,一个一个试了一遍,

终于发现了!
FF下可以用下面的方法,用COL把表格的列给隐藏!
欢呼!
复制代码 代码如下:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html xmlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
title>无标题文档/title>
/head>
body>
table width="100%" border="0">
 colgroup>
  col style="visibility: collapse;overflow:hidden;width:0px;" />
  col style="visibility: collapse;overflow:hidden;width:0px;" />
  col style="display:none"/>
  col style="display:none"/>
 /colgroup>
 tr>
  td scope="col">IE下,你可以看到这列td scope="col">IE下,你可以看到这列
  td scope="col">FF下,你可以看到这列td scope="col">FF下,你可以看到这列/tr>
 tr>
  td scope="row">nbsp;/th>
  td>nbsp;/td>
  td>nbsp;/td>
  td>nbsp;/td>
 /tr>
 tr>
  td scope="row">nbsp;/th>
  td>nbsp;/td>
  td>nbsp;/td>
  td>nbsp;/td>
 /tr>
 tr>
  td scope="row">nbsp;/th>
  td>nbsp;/td>
  td>nbsp;/td>
  td>nbsp;/td>
 /tr>
 tr>
  td scope="row">nbsp;/th>
  td>nbsp;/td>
  td>nbsp;/td>
  td>nbsp;/td>
 /tr>
/table>
/body>
/html>

您可能感兴趣的文章:
  • javascript 极速 隐藏/显示万行表格列只需 60毫秒
  • 固定表格的高度超过指定高度就隐藏的方法
  • 用javascript 控制表格行的展开和隐藏的代码
  • jquery关于表格及表格列隐藏和显示问题探讨

标签:上海 沧州 沈阳 长治 红河 河南 新疆 乐山

巨人网络通讯声明:本文标题《FF下 用 col 隐藏表格列的方法详解!》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266