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"> </th>

  <td> </td>

  <td> </td>

  <td> </td>

  </tr>

  <tr>

  <td scope="row"> </th>

  <td> </td>

  <td> </td>

  <td> </td>

  </tr>

  <tr>

  <td scope="row"> </th>

  <td> </td>

  <td> </td>

  <td> </td>

  </tr>

  <tr>

  <td scope="row"> </th>

  <td> </td>

  <td> </td>

  <td> </td>

  </tr>

  </table>

  </body>

  </html>