convert column into row in mvc4 razor webgrid

Question

i need output like this

students    totalpoints    newassignemnt    testing   assignment

raj kumar      30/55          10/20               10/15       10/20 

but it displays like this


students    totalpoints    newassignemnt  students    totalpoints    testing students    totalpoints    assignment

raj kumar      30/55          10/20             raj kumar      30/55           10/15   raj kumar      30/55     10/20 
raj kumar      30/55          10/20             raj kumar      30/55           10/15   raj kumar      30/55     10/20 
raj kumar      30/55          10/20             raj kumar      30/55           10/15   raj kumar      30/55     10/20 

3 assignments there so it displays 3 rows. but i need to display in a single row.

@{

    List<WebGridColumn> cols = new List<WebGridColumn>();

    foreach (GradeBook.StudentGradeBook x in Model.Student)

    {

        cols.Add(grid.Column(format:@<text><a href="javascript:DisplayModalPopup();">@item.FirstName @item.lastName</a></text>, header: "student"));

        cols.Add(grid.Column(format:@<text>@totptsawd/@totptspbl</text>, header: "Total Points"));

        cols.Add(grid.Column(format:@<text>@item.PointsAwarded/@item.PointsPossible</text>, header: x.AssignmentName));

    }

 

}