嘿,我意识到页面在不同的浏览器中看起来将有所不同,但是我的浏览器看起来很棒,在mozilla中还可以,在IE 7中则很糟糕。
可悲的是,大多数使用我的页面的人都会使用IE。
我的问题是边界。网格的行周围有一个红色边框。在chrome中,它们均应显示。在Firefox中,每行的底部和顶部以及外部列的右侧和左侧都可以使用,但是所有内部列都没有垂直边框。
在IE中,所有边界都丢失了。我的列和行之间只有空白。
我将不胜感激你们能以我的方式抛弃的任何技巧或窍门。
编辑:
<asp:GridView ID="ProductsGrid" runat="server"
AutoGenerateColumns="False" Height="323px"
style="margin-top: 23px; margin-left: 0px;" BackColor="White"
BorderStyle="None" BorderWidth="0px" CellPadding="4"
Width="1210px" OnPageIndexChanging="gridView_PageIndexChanging"
onrowdatabound="ProductsGridView_RowDataBound" AllowPaging="True"
PageSize="25">
</Columns>
<EmptyDataRowStyle BackColor="Gray" />
<FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />
<HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#FFFFCC" ForeColor="#330099" HorizontalAlign="Center" />
<RowStyle ForeColor="#330099" BackColor="White" BorderColor="#6E1414"
BorderWidth="1px" />
<SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="#663399" />
<SortedAscendingCellStyle BackColor="#FEFCEB" />
<SortedAscendingHeaderStyle BackColor="#AF0101" />
<SortedDescendingCellStyle BackColor="#F6F0C0" />
<SortedDescendingHeaderStyle BackColor="#7E0000" />
</asp:GridView>
最佳答案
尝试将GridLines
属性添加到您的GridView
中:
<asp:GridView ID="ProductsGrid" runat="server" GridLines="None" ...
您可以将属性设置为
None
,Both
,Horizontal
或Vertical
。使用GridLines
属性,您应该能够使它正常工作。编辑:我认为我有它按您的要求工作。请尝试以下操作:
创建CSS样式:
<style type="text/css">
.yourRowStyle td
{
border: solid 1px #6E1414;
}
</style>
然后在您的
RowStyle
中替换为:<RowStyle CssClass="yourRowStyle" ForeColor="#330099" BackColor="White" />
另外,请确保将
GridView
设置为GridLines="None"
。我对其进行了测试,尽管我不确定您希望它看起来如何,但它应该可以工作。您可以使CSS覆盖
GridView
的怪癖。