Asp.net GridView忽略CellSpacing屬性

Question

我在這裏遇到了GridView的一些困難，客戶端要求我在單元格之間放置一些空間，通常我會做CellSpacing =「5」但是看起來它不工作，我嘗試了一些東西，一切都被改寫......

代碼我想：

<asp:GridView ID="gvShoppingCart" runat="server" CellSpacing="5" Width="100%" AutoGenerateColumns="false"> 

<some-formating-columns-here /> 

</asp:GridView> 

什麼實際呈現的是：

<table cellpadding="0" cellspacing="0" summary=""> 
    <thead> 
     <tr class="AspNet-GridView-Header"> 
      <th scope="col">Produit</th> 
      <th scope="col"> </th> 
      <th class="Center" scope="col">Quantité</th> 
      <th class="Right" scope="col"> Prix Unitaire </th> 
      <th class="Right" scope="col">Prix</th> 
     </tr> 
    </thead> 
<body-columns-here /> 
</table> 

我沒有什麼補充的想法沒有w ...

有什麼建議嗎？

Answer 1

您是否嘗試過使用CSS。如果您知道正在應用於HTML元素的類，則可以爲該特定的CSS類使用CSS填充。我會給那一槍。

一個例子是：

<asp:GridView ID="gvShoppingCart" runat="server" CssClass="gvShoppingFormat" Width="100%" AutoGenerateColumns="false"> 
<some-formating-columns-here /> 
</asp:GridView> 

你的CSS類會是什麼樣子：

.gvShoppingFormat td { 
    padding-left: 5px; 
    padding-right: 5px; 
} 

Answer 2

我假設你使用的是reset.css因此，你可能需要考慮做以下;

在你的css文件中;

table {border-collapse:separate; border-spacing:5px} 

border-spacing不跨瀏覽器，因此您可能還需要在GridView上添加CellSpacing =「5」。