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

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

热门标签:地图标注微信好友 快速更改地图标注点标 ai电话机器人效果差 南昌电话机器人系统 地图标注楼盘 沈阳400电话办理多少钱 南山电话机器人 苏州做电话机器人 随州外呼系统厂家
今天,我在一个有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 隐藏表格列的方法详解!》,本文关键词  下,用,col,隐藏,表格,列,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《FF下 用 col 隐藏表格列的方法详解!》相关的同类信息!
  • 本页收集关于FF下 用 col 隐藏表格列的方法详解!的相关信息资讯供网民参考!
  • 推荐文章