CSS col可见性:折叠在Chrome上不起作用

Guy*_*fny 8 css google-chrome html-table colgroup

我试图在html代码中隐藏一些col.使用MDN colgroup和col添加,我正在玩cols的样式.

<td>与内容文本"可见的"在所有的浏览器(好)可见,在与内容文本"隐藏"在铬(坏)可见和隐藏在Firefox和边缘.(好).

我可以重新创建问题的最短代码在这里:

<!doctype html>
<html>
    <head>
        <title>css example</title>
        <style type='text/css'>
            col.visible {}
            col.hidden { visibility:collapse; }
        </style>
    </head>
    <body>
        <table border='1'>
            <colgroup>
                <col class='visible'>
                <col class='hidden'>
                <tbody>
                    <tr>
                        <td>visible</td>
                        <td>hidden</td>
                    </tr>
                </tbody>
            </colgroup>
        </table>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

dgr*_*gan 8

你是对的,chrome不能正确支持可见性:表行和列折叠 - 按照bug进行更新.我们计划在未来几个月内处理它,但它可能在2017年底之前不会出现稳定.对坏消息感到抱歉.