DetailsView两行之间的分隔符图像

时间:2011-03-12 20:56:50

标签: asp.net

我正在尝试使用asp.net的DetailsView以下列格式显示数据:

姓名:Adam

年龄:18

性别:M

我想在每两行之间添加一行(灰色图像)

(如:)

姓名:Adam


年龄:18


性别:M

我设法将图像作为每两行之间的另一行,但它使它仅在第二列(数据)上启动,因为第一列“保存”了标题(这是空的)

任何人都知道如何将图像放在行之间并使其“使用”整行?

P.S

我做了我做过的事情:

    <asp:TemplateField>
        <ItemTemplate>
            <img src="../Images/thin_grey_separator.png" alt=""/>
        </ItemTemplate>
    </asp:TemplateField>

1 个答案:

答案 0 :(得分:0)

您可以通过操作样式来尝试完成此任务:

<style type="text/css">
    tr.spacer td { padding-bottom: 10px; }
</style>

<asp:DetailsView ...>
    <RowStyle CssClass="spacer" />
</asp:DetailsView>