HtmlTable 서버 컨트롤 선언 구문

아티클
05/27/2012

[이 설명서는 미리 보기 전용이며, 이후 릴리스에서 변경될 수 있습니다. 비어 있는 항목은 자리 표시자로 포함됩니다.]

<table> HTML 요소에 매핑되는 서버측 컨트롤을 만들어 표를 만들 수 있도록 합니다.

<table
    EnableViewState="False|True"
    Id="string"
    Visible="False|True"
    OnDataBinding="OnDataBinding event handler"
    OnDisposed="OnDisposed event handler"
    OnInit="OnInit event handler"
    OnLoad="OnLoad event handler"
    OnPreRender="OnPreRender event handler"
    OnUnload="OnUnload event handler"
    runat="server"
    >

   <tr>
      <td></td>
   </tr>

</table>

설명

HtmlTable 컨트롤을 사용하여 HTML <table> 요소를 프로그래밍할 수 있습니다. HtmlTable 컨트롤은 HtmlTableRow 개체로 표시되는 행으로 구성됩니다.

이러한 행은 테이블의 Rows 컬렉션에 저장됩니다. 각 행은 행의 Cells 컬렉션에 저장된 셀로 구성됩니다. 이러한 셀은 HtmlTableCell 개체로 표시됩니다.

표를 만들려면 먼저 페이지의 폼에 HtmlTable 컨트롤을 선언해야 합니다. 그런 다음 HtmlTable 컨트롤의 여는 태그와 닫는 태그 사이에 표에 포함할 행 수만큼 HtmlTableRow 개체를 넣습니다. 표의 행을 정의한 다음에는 각 HtmlTableRow 개체의 여는 태그와 닫는 태그 사이에 HtmlTableCell개체를 선언하여 행의 셀을 만듭니다.

참고

각 행과 열의 셀 수가 정확하지 않으면 표가 올바르게 표시되지 않을 수 있습니다.일반적으로 각 행에는 동일한 수의 셀을 지정해야 합니다.마찬가지로 각 열에도 동일한 수의 셀을 지정해야 합니다.셀을 확장하는 경우에는 각 행의 너비가 같아야 하고 각 열의 높이도 같아야 합니다.

HtmlTable 컨트롤을 사용하면 표의 모양을 사용자 지정할 수 있습니다. BgColor, Border, BorderColor, Height 및 Width 속성을 설정하여 각각 표의 배경색, 테두리 두께, 테두리 색, 표 높이 및 표 너비를 지정할 수 있습니다. 또한 CellSpacing 및 CellPadding 속성을 설정하여 셀 간격 및 셀 내용과 셀 테두리의 간격을 제어할 수도 있습니다.

예제

다음 예제에서는 두 개의 HtmlSelect 컨트롤에서 사용자가 선택한 항목에 따라 표의 행과 셀을 생성합니다. 이 코드는 페이지가 로드될 때마다 사용자가 HtmlSelect 컨트롤에서 선택한 값을 확인합니다. 이러한 값을 기반으로 HtmlTable 컨트롤에 포함된 행과 열의 수가 동적으로 생성됩니다. 표를 만들려면 HtmlTableRow 개체로 표시되는 표의 행을 만든 다음 HtmlTable 컨트롤의 Rows 컬렉션에 추가합니다. 행을 만들려면 HtmlTableCell 개체로 표시되는 행의 셀을 만든 다음 HtmlTableRow의 Cells 컬렉션에 추가합니다.

<%@ Page Language="VB" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
    Sub Page_Load(sender As Object, e As EventArgs)
        Dim row As Integer = 0
        ' Generate rows and cells.
        Dim numrows As Integer = Convert.ToInt32(Select1.Value)
        Dim numcells As Integer = Convert.ToInt32(Select2.Value)
        Dim j As Integer

        For j = 0 To numrows - 1
            Dim r As New HtmlTableRow()
            ' Set bgcolor on alternating rows.
            If row Mod 2 = 1 Then
                r.BgColor = "Gainsboro"
            End If
            row += 1

            Dim i As Integer
            For i = 0 To numcells - 1
               Dim c As New HtmlTableCell()
               c.Controls.Add(New _
                   LiteralControl("row " & j.ToString() & _
                   ", cell " & i.ToString()))
               r.Cells.Add(c)
            Next i
            Table1.Rows.Add(r)
         Next j
      End Sub 
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>HtmlTable Control</title>
</head>
<body>  
<form id="Form1" runat="server">
   <div>

   <h3>HtmlTable Example</h3>

      <br />
      <table id="Table1"  cellspacing="0" runat="server"
         style="border-width:1; border-color: Black; padding: 5"
             /> 
      <br />
      Table rows:
      <select id="Select1" runat="server">
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
         <option value="5">5</option>
      </select>
      <br />
      Table cells:
      <select id="Select2" runat="server">
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
         <option value="5">5</option>
      </select>
      <input id="Submit1" type="submit" 
         value="Generate Table" runat="server" />

   </div>
</form>
</body>
</html>

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
      void Page_Load(Object sender, EventArgs e) 
      {
         int row = 0;
         // Generate rows and cells.
         int numrows = Convert.ToInt32(Select1.Value);
         int numcells = Convert.ToInt32(Select2.Value);

         for (int j = 0; j < numrows; j++) 
         {
            HtmlTableRow r = new HtmlTableRow();
            // Set bgcolor on alternating rows.
            if (row%2 == 1)
               r.BgColor="Gainsboro";
            row++;

            for (int i = 0; i < numcells; i++) 
            {
               HtmlTableCell c = new HtmlTableCell();
               c.Controls.Add(new LiteralControl("row " + j.ToString() +
                    ", cell " + i.ToString()));
               r.Cells.Add(c);
            }
            Table1.Rows.Add(r);
         }
      }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>HtmlTable Control</title>
</head>
<body>  
<form id="Form1" runat="server">
   <div>

   <h3>HtmlTable Example</h3>

   <table id="Table1" 
      style="border-width:1; border-color:Black; padding:5"
      cellspacing="0" runat="server" /> 
      <br />

      Table rows:
      <select id="Select1" runat="server">
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
         <option value="5">5</option>
      </select>
      <br />
      Table cells:
      <select id="Select2" runat="server">
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
         <option value="5">5</option>
      </select>
      <input id="Submit1" type="submit" 
         value="Generate Table" runat="server" />

   </div>
</form>
</body>
</html>