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邊框在其他瀏覽器中顯示不同（壞）

回答

相關問題