今天,我在一个有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关于表格及表格列隐藏和显示问题探讨