Home Dashboard Directory Help
Search

Borders of Column visible when column is hidden by vincent g


Status: 

Closed
 as Won't Fix Help for as Won't Fix


Type: Bug
ID: 785711
Opened: 4/26/2013 6:42:46 PM
Access Restriction: Public
1
Workaround(s)
view
0
User(s) can reproduce this bug

Description



It works with latest Chrome & Firefox (4/26/2013) but fails in IE10.
It works in IE10 if the TABLE is not inside another container TABLE !
Here is a simple HTML page reproducing the error:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Borders of Column visible when column is hidden in IE 10</title>
    <style type="text/css">
        .grid td
        {
            border:solid 2px blue;
            white-space:nowrap;
            overflow:hidden;
            padding:3px;
        }
        .grid
        {
            border-collapse:collapse;
            width:302px; /* needed for Firefox but screws IE 10 except border disappear */
            table-layout:fixed;
            border-width:0px;
        }
        tr.pass    { background-color:#88ff88; }
        tr.fail { background-color:#ff8888; }
    </style>
</head>
<body >
    <h3>OK: Table inside Body element</h3>

    <table class="grid" cellspacing="0" cellpadding="2" id="gridPass" >
        <colgroup>
            <col style="visibility: collapse;" />
            <col style="width:100px" />
            <col style="width:100px" />
            <col style="width:100px" />
        </colgroup>
        <thead>
            <tr class="pass">
                <td>hidden</td>
                <td>first_1</td>
                <td>second_2</td>
                <td>third_3</td>
            </tr>
        </thead>
        <tbody>
            <tr class="pass">
                <td>hidden</td>
                <td>first is here</td>
                <td>secondcell</td>
                <td>third forever</td>
            </tr>
        </tbody>
    </table>
    <br />

    <h3>Error: Exact same Table, except inside another blank Table</h3>

    <table cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td style="padding:0px;border-width:0px;overflow:hidden">
    <div>
    <table class="grid" cellspacing="0" cellpadding="2" id="gridFail">
        <colgroup>
            <col style="visibility: collapse;" />
            <col style="width:100px" />
            <col style="width:100px" />
            <col style="width:100px" />
        </colgroup>
        <thead>
            <tr class="pass">
                <td style="border-right-width:0px">hidden</td>
                <td>first_1</td>
                <td>second_2</td>
                <td>third_3</td>
            </tr>
        </thead>
        <tbody>
            <tr class="fail">
                <td >hidden</td>
                <td><-Border</td>
                <td>secondcell</td>
                <td>third forever</td>
            </tr>
        </tbody>
    </table>
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    The top row passes because we applied CSS attribute:<br />
    - border-right-width:0px;<br />
    to its first hidden cell.<br />

    <div>
    </div>
</body>
</html>
Details
Sign in to post a comment.
Posted by vincent g on 8/18/2013 at 7:21 AM
This bug has No Impact.
Really?
So for Microsoft IE team, it isn't a problem that Hiding a column of an HTML TABLE is broken, while it's working on all other major browsers. It's something nobody is interested!

Before trying to push new features or HTML 5, I suggest you correct real annoyance like this one. Knowing it's working when a TABLE is not inside another TABLE, there might be really very little to do.

Thx
Posted by Microsoft on 6/28/2013 at 5:03 PM
Thank you again for your feedback.

We were able to validate your feedback. However, based on the limited impact this bug may have, we will not be able to address this bug during this release.

Your feedback is very important to us, and it helps us improve the quality of Internet Explorer. We continue to welcome more feedback, so please don't hesitate to report other ways that we can improve Internet Explorer.

Best regards,
The Internet Explorer Team
Posted by vincent g on 6/4/2013 at 8:39 AM
Is there anyone working on it?
Will it be corrected in the near future?

Thx
Posted by Microsoft on 4/29/2013 at 11:01 AM
Thank you for your feedback. We will be investigating this issue further.

Best regards,

The Internet Explorer Team
Sign in to post a workaround.
Posted by vincent g on 4/26/2013 at 6:46 PM
Additionnaly, set border-right-width to 0 for each cell of the column you want to hide:
<td style="border-right-width:0px;">...</td>