asp.net datagrid边框在其他浏览器中显示不同（坏）

嘿，我知道页面在各种浏览器中看起来会不一样，但我的Chrome在Chrome中看起来很棒，在Mozilla中很好用，在IE 7中很糟糕asp.net datagrid边框在其他浏览器中显示不同（坏）

不幸的是，大多数使用我的页面的人都会使用IE浏览器。

我的问题是与边界。我在网格的行周围有一个红色边框。在铬合金中，它们都应该出现。在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>

来源

2010-08-04 PFranchise

请托管您的HTML。 – 2010-08-04 21:07:48

尝试添加GridLines属性您GridView：

<asp:GridView ID="ProductsGrid" runat="server" GridLines="None" ...

您可以将proprety设置为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的怪癖。

来源

2010-08-04 21:55:07 Kelsey

我很欣赏这种回应，我一直在玩GridLines属性，但我仍然遇到了IE的问题。如果我将GridLine设置为none，那么在IE中根本没有边框。如果将它设置为两者，则边框是白色的。我已经尝试了这两个设置，同时在.net和c＃中设置边框（使用数据网格的数据绑定）并且遇到同样的问题。任何其他提示或我可能会错过的东西？再次，谢谢。我将继续与这个属性合作。 – PFranchise 2010-08-05 14:41:50

@PFranchise更新了我的答案。我已经测试过它，它应该专门解决您在IE7中的问题。我使用IE，因此我使用了'标签来模拟IE7。希望真正的IE7以同样的方式工作。 – Kelsey 2010-08-05 16:21:09

你先生真棒。非常感谢你，它完美的作品。祝您有美好的一天！ – PFranchise 2010-08-05 17:45:34

asp.net datagrid边框在其他浏览器中显示不同（坏）

回答

相关问题