源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-11-22 11:52 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:FF下 用 col 隐藏表格列的方法详解!
今天,我在一个有52个字段的报表时,迫使我深入的做了一下研究, 我发现: col在ff下的display 的默认值是:table-column  visibility的默认值为:visible 我又查查了CSS手册,发现 visibility 有一个 collapse的可选值,据说在IE下是没有实现的,IE没实现不竺于FF没有实现,就像FF不支持的不一定IE不支持一样。 BT的我,一个一个试了一遍, 终于发现了! FF下可以用下面的方法,用COL把表格的列给隐藏! 欢呼!
[u]复制代码[/u] 代码如下:
<!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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部