项目比较页面ASP.NET C#

项目比较页面ASP.NET C#,c#,asp.net,C#,Asp.net,我想创建一个项目比较页面,如下所示: (这是来自autotraders.com的比较页面) 我已经搜索Forms一周了,尝试了所有可能的解决方案,有人说使用GridView,有人说使用ListView,我尝试了很多东西,自定义div css,但都做不到。 基本上,我希望显示垂直行(并排行),而不是默认的水平行。 谢谢你的帮助 您可以使用中继器控件或数据列表控件 更多关于或 我个人会选择中继器 例如: 我想你可以用这个来解决你的问题。我检查过了,它能用。并用于设计您的对照表谢谢您的回复。。。但

我想创建一个项目比较页面,如下所示:

(这是来自autotraders.com的比较页面)

我已经搜索Forms一周了,尝试了所有可能的解决方案,有人说使用GridView,有人说使用ListView,我尝试了很多东西,自定义div css,但都做不到。 基本上,我希望显示垂直行(并排行),而不是默认的水平行。 谢谢你的帮助

您可以使用
中继器
控件或
数据列表
控件

更多关于或

我个人会选择中继器

例如:



我想你可以用这个来解决你的问题。我检查过了,它能用。并用于设计您的对照表

谢谢您的回复。。。但示例显示了水平行。。。我需要的是垂直行。。。标题水平显示在左侧…在repeater控件中,您可以按照自己的方式呈现html。另外,请将答案标记为有用,以便帮助他人。如果您有示例,我将不胜感激。检查示例…并根据您的要求进行调整。我相信中继器在你的情况下会是最好的。。。我刚试过。。。没关系。。。但是我怎样才能在左侧只显示一次列名,并将行并排显示感谢您的回答。。。。但我也有同样的问题。。。我无法将所有列转换为nvarchar,因为它们的格式不同,并且它也包含图像:-(您可以创建一些属性,例如数据、图像和其他,并在表中专门使用它们。您可以使用它们作为感谢,我使用了表设计
<asp:Repeater ID="ExampleRepeater" runat="server" >
    <HeaderTemplate>
        <table>
    </HeaderTemplate>
    <ItemTemplate>
        <tr>
            <td>
                <asp:Label runat="server" ID="lblCategory" Text='<%# Eval("YouColumnName") %>' > </asp:Label>
            </td>

            <td>
                <asp:ImageButton ID="imgButton" runat="server" ImageUrl='<% #Eval("YourImageColumn %>'></asp:ImageButton>
            </td>
            <td>
                <asp:Label runat="server" ID="lblOtherInfo" Text='<%# Eval("YouColumnName") %>' > </asp:Label>
            </td>
       </tr>
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:Repeater>