ASP.NET: Inserting table cells programmatically - html

Question

I have a method which returns a List<string> which my code uses to populate a table:
string[] siteNames;
siteNames = client.GetListSiteElementNames();
foreach (string siteName in siteNames)
{
TableCell tempCell = new TableCell();
tempCell.Text = siteName;
this.sitesTableRow.Cells.Add(tempCell);
}
This inserts the cells on to a single row, so the cells are presented horizontally across the screen (how I would like), but because they are 20 or so of them, they go off the page meaning you need to scroll across to view the rest.
Is there any way I can do this so that the cells cut off at the edge of the window and onto a new line?

Answer 1

To do this you will need to add a new row after a certain cut off point (i.e. certain number of columns)
In the example below I use a cut off of 5 :
string[] siteNames;
siteNames = client.GetListSiteElementNames();
// Number of cells on each row
int cutOffPoint = 5;
int currentNum = 1;
foreach (string siteName in siteNames) {
TableCell tempCell = new TableCell();
tempCell.Text = siteName;
if (currentNum > cutOffPoint) {
currentNum = 1;
// Code to add new row to table
}
this.sitesTableRow.Cells.Add(tempCell);
currentNum++;
}
Because I'm not sure what the this object is referring to or the sitesTableRow I can't include the code to add the row, but the idea would be that after 6 cells you would reset the currentNum variable and add a new row, and append the cells to this new row.