asp.net mvc display collection in table with header

Question

Hi,

I just started doing some web development using asp.net mvc2. I am trying to find a way to display a collection of data in my view. Following is a very simple view markup to display the collection as a html table.

my question would be what do people usually do when constructing table from a collection. How to handle the column header? I do have "DisplayName" attribute on all the object's properties and would like to use them as the table's column headers.

thanks,

<table>
    <thead>
        <tr>
            <th>???</th>
            <th>???</th>
            <th>???</th>
            <th>???</th>
            <th>???</th>
        </tr>
    </thead>
    <tbody>
    <%
      foreach(var item in Model)
      {
    %>
        <tr>
            <td><%= Html.Encode(item.MyProp1)%></td>
            <td><%= Html.Encode(item.MyProp2)%></td>
            <td><%= Html.Encode(item.MyProp3)%></td>
            <td><%= Html.Encode(item.MyProp4)%></td>
            <td><%= Html.Encode(item.MyProp5)%></td>
        </tr>
    <%
      }
    %>
    </tbody>
</table>

and my class look like the following

public class MyClass
{
    [DisplayName("Dif Prop 1")]
    [DataMember]
    public string MyProp1{ get; set; }

    [DisplayName("Dif Prop 2")]
    [DataMember]
    public string MyProp2{ get; set; }

    [DisplayName("Dif Prop 3")]
    [DataMember]
    public string MyProp3{ get; set; }

    [DisplayName("Dif Prop 4")]
    [DataMember]
    public string MyProp4{ get; set; }

    [DisplayName("Dif Prop 5")]
    [DataMember]
    public string MyProp5{ get; set; }
}

Answer 1

Just put your column headings in there.

    <tr> 
        <th>Name</th> 
        <th>Address</th> 
        <th>City</th> 
        <th>State</th> 
        <th>Zip</th> 
    </tr> 

If you have the column names in your model somewhere (i.e. DisplayName), you can substitute those for the hard-coded column headings.