• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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关于表格及表格列隐藏和显示问题探讨
    上一篇:关于H1的位置解析
    下一篇:原来CSS里的 !important 是如此用法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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