CSSを使ってテーブルの行にテーブルの行を続ける方法

Question

私はテーブルの配列を持っています。たとえば、6 x 6.とPlaceHolderです。 テーブル6をPlaceHolderの隣に配置し、次に6の新しい行を配置する必要があります。これを達成するために各グリッドにどのCSSプロパティを追加しますか？ 私は

LiteralControl ltr = new LiteralControl(); 
ltr.Text = "<style type=\"text/css\" rel=\"stylesheet\">" + @".fl { float: left}</style>"; 
this.Page.Header.Controls.Add(ltr); 

Table[,] tableArray = new Table[6,6]; 

for (int j = 0; j < tableArray.GetLength(0); j++) 
{ 
    bool first = true; 
    for (int i = 0; i < tableArray.GetLength(1); i++) 
    { 
     if (first) 
     {       
      tableArray[j, i].CssClass = "mGrid";       
      first = false; 
     } 
     else 
     { 
      tableArray[j, i].CssClass = "fl mGrid"; 
     } 

     tableArray[j, i].Width = Unit.Percentage(100/6); 
     PlaceHolderTables.Controls.Add(tableArray[j, i]); 
    }      
} 

を持っているしかし、私は新しい行を開始し、その後、私はCSSでの経験の浅い午前横などに5を持っているのか分かりません。テーブルは他の場所で初期化されています。 mGridは他の場所でも定義されています。

Answer 1

これらの36個のテーブルを6x6のテーブルの中に置くことができます。

protected void Page_Load(object sender, EventArgs e) 
{ 
    LiteralControl ltr = new LiteralControl(); 
    ltr.Text = "<style type=\"text/css\" rel=\"stylesheet\">" + @".fl { float: left}</style>"; 
    Page.Header.Controls.Add(ltr); 

    Table main = new Table(); 
    for (int i = 0; i < 6; i++) 
    { 
     TableRow row = new TableRow(); 
     for (int j = 0; j < 6; j++) 
     { 
      Table table = CreateTable($"{i}x{j}"); 
      TableCell cell = new TableCell(); 
      cell.Controls.Add(table); 
      row.Controls.Add(cell); 
     } 
     main.Controls.Add(row); 
    } 
    PlaceHolderTables.Controls.Add(main); 
} 

private Table CreateTable(string text) 
{ 
    TableCell cell = new TableCell(); 
    cell.Controls.Add(new Literal {Text = text }); 

    TableRow row = new TableRow(); 
    row.Cells.Add(cell); 

    Table table = new Table(); 
    table.Rows.Add(row); 
    return table; 
}