如何添加行顶部和底部边距到asp.net gridview？

Question

没有任何属性像CellPadding或CellSpacing会为我完成此操作，当我尝试将CS​​S添加到网格tr以更改顶部和底部边距时，它们将被忽略。如何在GridView的每个生成行之间添加一点点间距？

Answer 1

保证金不上table元素都不起作用，使用padding，或下面的示例喜欢，设置一个顶部和/或底部边框上的tr

table { 
 
    border-collapse: collapse; 
 
} 
 
td { 
 
    background: gray; 
 
} 
 
tr { 
 
    border: 0px solid white; 
 
    border-width: 10px 0; 
 
}

<table> 
 
    <tr> 
 
    <td> 
 
     Hello there 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     Hello there 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     Hello there 
 
    </td> 
 
    </tr> 
 
</table>

Answer 2

您也可以实现这使用

border-collapse: separate; 
border-spacing: 0 10px; 

代码段

table.grey-theme { 
 
    border-collapse: separate; 
 
    border-spacing: 0 10px; 
 
    margin: 50px; 
 
} 
 

 
table.grey-theme td { 
 
    border: solid #777 1px; 
 
    padding: 5px; 
 
}

<table class="grey-theme"> 
 
    <tr> 
 
    <td>Dogs</td> 
 
    <td>10</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Cats</td> 
 
    <td>20</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Parrots</td> 
 
    <td>30</td> 
 
    </tr> 
 
</table>

使用它在asp:GridView像

<asp:GridView ID="PetGrid" runat="server" CssClass="grey-theme">