我在可滚动的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?
半折叠时的相同网格(在可滚动的div中):
我不想要左边的双边框。我想要一个独特的边框,就像边缘崩溃一样..我知道我可以做它做边框左:0px on css on .cssGrid td,但我怎么能这样做而不影响所有的cssGrid gridview项目?