用GridView显示类似于百度文库或豆丁搜出的结果页

前台:

<asp:GridView ID="GridView1"runat="server"AutoGenerateColumns="False"Font-Size="X-Small"

        CellPadding="4" ForeColor="#333333" GridLines="None" Width="550px" AllowPaging="True"

        OnPageIndexChanging="GridView1_PageIndexChanging"

        OnRowDataBound="GridView1_RowDataBound" PageSize="5">

        <AlternatingRowStyle BackColor="White" />

        <Columns>

            <asp:TemplateField >

                <ItemTemplate>

                <b>

                <%# Eval("ArticleName") %>.<%# Eval("Suffix") %></b><hr /><div style="text-align:left ">

                <small>

                关键字：<%# Eval("Keyword")%><br />摘要:<%# Eval("Abstract")%><br /></small>大小：<%# Eval("Size") %><asp:LinkButton ID="DownLoad" runat="server" OnClick="DownLoad" CommandArgument='<%# Eval("ID") %>'>下载</asp:LinkButton>

                </div>

                <br />

                </ItemTemplate>

            </asp:TemplateField>

        </Columns>

       

    </asp:GridView>

 

后台绑定数据即可。

显示效果：