嘿,我意识到页面在不同的浏览器中看起来将有所不同,但是我的浏览器看起来很棒,在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" ...


您可以将属性设置为NoneBothHorizontalVertical。使用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的怪癖。

09-25 21:39