如何添加行顶部和底部边距到asp.net gridview?
问题描述:
没有任何属性像CellPadding或CellSpacing会为我完成此操作,当我尝试将CSS添加到网格tr以更改顶部和底部边距时,它们将被忽略。如何在GridView的每个生成行之间添加一点点间距?如何添加行顶部和底部边距到asp.net gridview?
答
保证金不上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>
答
您也可以实现这使用
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">
第一:你能提供一些示例代码,所以我们可以看到你正在使用的是什么?第二:尝试在你的'GridView'中设置一个'GridView.ItemTemplate'>'ItemTemplate.Style',以这种方式向GridViewItem应用填充或边距? –