在this question中,我得到了一个非常酷的答案,分别在左右之间交替显示图像及其描述。现在我想将样式应用于两者,例如padding-top,padding-bottom等。在这种情况下,如何将样式应用于RowStyle和AlternatingRowStyle。
<AlternatingRowStyle CssClass="ProductAltItemStyle" />
<RowStyle CssClass="ProductItemStyle" />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<div class="Image"><asp:Image runat="server" ID="productImage" ImageUrl='<%# Eval("imageUrl") %>' /></div>
<div class="Description"><asp:Label runat="server" ID="lblProductDesc" Width="100%" Text='<%# Eval("productDesc") %>'></asp:Label></div>
</ItemTemplate>
</asp:TemplateField>
答案 0 :(得分:18)
这是你如何做到的:
.ProductAltItemStyle, .ProductItemStyle {
// CSS Rules that apply to both go here
}
答案 1 :(得分:2)
或者你可以这样做:
<AlternatingRowStyle CssClass="ProductAltItemStyle ProductCommonStyle" />
<RowStyle CssClass="ProductItemStyle ProductCommonStyle" />
ProductCommonStyle包含交替行和标准行共有的格式。
更好的是,您可以为整个gridview分配样式,并使用它来定义共享类:
table.GridViewStyle tr td
{
padding:3px 5px;
border:1px solid gray;
}
tr.ProductAltItemStyle td
{
background:white;
}
tr.ProductItemSTyle td
{
background:silver;
}