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>

Понятия не имею, что добавить сейчас ...

Есть предложения?

Answer 1

Я предполагаю, что вы используете reset.css, поэтому вам может потребоваться выполнить следующее:

в вашем файле CSS;

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

интервал границы не является кросс-браузерным, поэтому вам также может понадобиться добавить CellSpacing = "5" в GridView.

Answer 2

Вы пробовали использовать 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;
}