convert column into row in webgrid in mvc4 razor

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 i 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));
    }

}