div与gridview border-left collapse

时间:2014-11-18 11:25:07

标签: html css asp.net gridview

我在可滚动的div中使用了GridView:

<div style="overflow:auto;height:500px;border:1px solid #c1c1c1; border-collapse:collapse">
    <asp:GridView ID="gridID" BorderStyle="None" runat="server" style="margin:0px;" GridLines="None" Width="100%" CssClass="cssGrid">
        (...)
    </asp:GridView>
</div>

表现得像:

<div style="overflow: auto;height:500px;border-collapse:collapse">   
    <div>
        <table class="cssGrid" id="ctl00_MainContent_gridID" style="border-style:None;height:100%;width:100%;border-collapse:collapse;margin:0px;" cellspacing="0">
            <tbody>
                <tr class="CollapsibleRow">
                    <td onclick="collapsible('SezioneUno', 'ctl00_MainContent_gridID')" colspan="13" align="center">SezioneUno</td>
                </tr>
                <tr class="SezioneUno" align="center">
                    <td style="width:4%;">
                        <span id="ctl00_MainContent_gdIncongruenti_ctl03_label">142454</span>
                    </td>
                    (...)       
                </tr>
                (...)
            </tbody>
        </table>
    </div>
</div>

和CSS这样:

.cssGrid
{
    width: 99%;
    background-color: #fff;
    margin: 10px 10px 10px 10px;
    border: solid 1px #525252;
    border-collapse: collapse;
    word-wrap: break-word;
}
.cssGrid td
{
    padding: 2px;
    /*padding-right: 10px;*/
    border: solid 1px #c1c1c1;
    color: #717171;
    max-width : 90px;
    font-size: 8pt;
}

现在我只在左侧有一个双边框,因为在右边我是滚动条。有可能消除它吗?我无法直接从div中删除它,因为我至少需要在它的底部或滚动网格时似乎从无到有。我不能只留在div的底部,因为网格部分或完全可折叠,然后我需要一个围绕它们的框。一个解决方案是在网格td上将border-left设置为0,但是我怎么做可以做到没有CSS或没有添加一个新的css类,从第一个只是为border-left?

enter image description here

半折叠时的相同网格(在可滚动的div中):

enter image description here

我不想要左边的双边框。我想要一个独特的边框,就像边缘崩溃一样..我知道我可以做它做边框左:0px on css on .cssGrid td,但我怎么能这样做而不影响所有的cssGrid gridview项目?

0 个答案:

没有答案