1

コード ビハインド ファイルに各ユーザー用に作成されたテーブルがあります。すべてのテーブルが水平に表示されるように、各テーブルをパネルに追加したいと考えています。テーブルには 1 つの列と複数の行しかありません。したがって、各テーブルは前のテーブルの横に追加する必要があります。css スタイルを試しましfloat:leftたが、うまくいきません。

これが私のコードです

C#部分:

  foreach( DataRow dr in t.Rows )
  { 
       if(........)
       {    
           tdr.Width = "200px";
           row = new HtmlTableRow(); 
           cell = new HtmlTableCell();

           row = new HtmlTableRow(); 
           cell = new HtmlTableCell();
           cell.InnerText = doc;
           row.Cells.Add(cell);
           tdr.Rows.Add(row);
           row = new HtmlTableRow(); 
           cell = new HtmlTableCell();
           cell.InnerText = "No Timming";
           row.Cells.Add(cell);
           tdr.Rows.Add(row);
           row = new HtmlTableRow(); 
           cell = new HtmlTableCell();
           cell.InnerText = weekday[i];
           row.Cells.Add(cell);
           tdr.Rows.Add(row);
       }
       //dr_list is my panel name 
       //tdr is my table name 
       this.DR_list.Controls.Add(tdr);
   }

CSS 部分:

<style>
    .float-left
     {
        float: left;
     }
</style>

ASP.NET 部分:

<asp:Panel ID="DR_list" runat="server" Direction="LeftToRight" Height="227px" 
    HorizontalAlign="Left" ScrollBars="Auto" Wrap="False"  
    CssClass='float-left' Width="1103px" >
</asp:Panel>
4

1 に答える 1

1

CSSfloat:leftを親コンテナ、つまりパネルに追加しています。

したがって、マークアップは次のようになります。

<div id="DR_list" class="float-left" >
    <table  width="200px">
     //table 1 markup
    </table>

    <table width="200px" >
     //table 2 markup
    </table>
</div>

したがって、インナーチルドレンには機能しません

個々のテーブルに追加する必要があります。つまり

次のようにします。

tdrあなたがいると仮定してSystem.Web.UI.HtmlControls.HtmlTable

 tdr.Attributes.Add("class", "float-left");

最終的なマークアップが次のようになるように

<div id="DR_list"  >
    <table  width="200px" class="float-left" >
     //table 1 markup
    </table>

    <table width="200px"  class="float-left" >
     //table 2 markup
    </table>
</div>

実際のコードは次のようになります

foreach( DataRow dr in t.Rows )
{ 
       if(........)
       {   
           tdr = new HtmlTable();
           tdr.Attributes.Add("class", "float-left"); 
           tdr.Width = "200px";

           row = new HtmlTableRow(); 
           cell = new HtmlTableCell();
           /////rest of the logic
       }
}
于 2013-03-20T07:37:10.570 に答える