Table, TableRow 및 TableCell 웹 서버 컨트롤 개요

아티클
10/22/2014

업데이트: 2007년 11월

Table 웹 서버 컨트롤을 사용하면 ASP.NET 페이지에 서버 코드에서 프로그래밍할 수 있는 표를 만들 수 있습니다. TableRow 및 TableCell 웹 서버 컨트롤은 Table 컨트롤의 콘텐츠를 표시하는 방법을 제공합니다.

이 항목의 내용은 다음과 같습니다.

배경
코드 예제
클래스 참조

배경

표는 일반적으로 표 형식의 정보를 표현할 뿐 아니라 웹 페이지의 정보에 서식을 지정하는 수단으로 사용합니다. 다음과 같이 다양한 방법으로 ASP.NET 페이지에 표를 만들 수 있습니다.

HTML 표. 런타임에 내용을 추가 또는 변경하지 않는 정적 표를 만드는 경우 Table 컨트롤이 아닌 HTML 표를 사용해야 합니다.
HtmlTable 컨트롤. 이 컨트롤은 runat=server 특성을 추가하여 HTML 서버 컨트롤로 변환한 table HTML 요소입니다. 이 컨트롤을 서버 코드로 프로그래밍할 수 있습니다. HTML 서버 컨트롤에 대한 자세한 내용은 ASP.NET 웹 서버 컨트롤 개요를 참조하십시오.
Table. 다른 웹 컨트롤과 일치하는 개체 모델을 사용하여 표를 만들고 조작(예: 표의 행과 셀 추가)할 수 있는 웹 컨트롤입니다.

일반적으로 Table 웹 서버 컨트롤은 런타임에 코드로 표에 행이나 셀(열)을 추가할 때 사용합니다. 이 컨트롤을 미리 정의된 행과 열로 구성된 정적 표로 사용할 수도 있지만 이런 경우에는 HTML table 요소로 작업하는 것이 더 쉽습니다.

Table 웹 서버 컨트롤은 형식화된 속성을 통해 다른 웹 서버 컨트롤과 일치하는 개체 모델을 제공하기 때문에 HtmlTable 컨트롤보다 프로그래밍하기가 쉬울 수 있습니다. 또한 이 모델은 Table, TableRow 및 TableCell 컨트롤 간에도 일치합니다.

Table 웹 서버 컨트롤과 다른 List 웹 서버 컨트롤 비교

Table 웹 서버 컨트롤을 사용하여 수행할 수 있는 일부 함수는 Repeater, DataList 및 GridView 컨트롤 같은 List 웹 서버 컨트롤을 사용해도 수행할 수 있습니다. 이러한 컨트롤은 모두 HTML 표로 만들어지거나 이를 위한 옵션을 가지고 있습니다.

List 컨트롤과 Table 컨트롤의 차이점은 다음과 같습니다.

List 컨트롤은 데이터 바인딩된 컨트롤입니다. List 컨트롤은 데이터 소스에 대해서만 동작하지만 Table 컨트롤은 데이터와의 바인딩 여부에 상관없이 HTML 텍스트와 컨트롤을 얼마든지 조합하여 표시할 수 있습니다.
list 컨트롤은 템플릿을 사용하여 요소의 레이아웃을 지정합니다. Table 컨트롤은 TableCell이라는 자식 컨트롤을 지원하며 필요에 따라 여기에 모든 HTML td 요소를 채울 수 있습니다.

Table 웹 서버 컨트롤 개체 모델

Table 컨트롤은 TableRow 컨트롤의 부모 컨트롤 역할을 합니다. 표는 Rows라는 속성을 지원하며 이 속성은 TableRow 개체의 컬렉션입니다. 이 컬렉션의 항목을 추가 또는 삭제하여 표의 행을 지정합니다. 그런 다음 TableRow 컨트롤은 TableCell 개체가 포함되어 있는 Cells라는 컬렉션을 지원합니다.

표에 표시할 내용은 TableCell 컨트롤에 추가됩니다. 셀에는 Text 속성이 있어서 여기에 모든 HTML 텍스트를 설정할 수 있습니다. 또는 셀의 Controls 컬렉션에 컨트롤을 추가하여 셀 안에 컨트롤을 표시할 수 있습니다.

부모 Table 컨트롤은 Font, BackColor 및 ForeColor와 같이 전체 표의 모양을 제어하는 속성을 지원합니다. TableRow 및 TableCell 컨트롤도 이러한 속성을 지원하기 때문에 행이나 셀의 모양을 개별적으로 지정할 수 있으며 이것은 부모 표의 모양에 우선합니다.

컨트롤에 데이터 바인딩

Table 컨트롤은 본질적으로 데이터 바인딩된 컨트롤은 아니지만 이를 사용하여 데이터베이스의 데이터를 표시할 수 있습니다. 모든 웹 서버 컨트롤과 마찬가지로 Table 컨트롤의 모든 속성을 데이터 소스에 바인딩할 수 있습니다. 그러나 Table 컨트롤에는 데이터를 직접 표시하는 데 사용할 속성이 없습니다. 대신 일반적으로 TableCell 컨트롤을 표에 추가합니다. 그러면 개별 TableCell 컨트롤의 Text 속성을 데이터에 바인딩하거나 데이터에 바인딩된 컨트롤(Label 또는 Literal 컨트롤)을 셀에 추가할 수 있습니다.

맨 위로 이동

코드 예제

방법: Web Forms 페이지에 Table 웹 서버 컨트롤 추가(Visual Studio)

방법: Table 웹 서버 컨트롤에 행과 셀을 동적으로 추가

맨 위로 이동

클래스 참조

다음 표에서는 Table 컨트롤, TableCell 컨트롤 및 TableRow 컨트롤과 관련된 클래스를 보여 줍니다.

멤버	설명
Table	Table 컨트롤의 기본 클래스입니다.
TableCell	TableCell 컨트롤의 기본 클래스입니다.
TableCellCollection	Table 컨트롤의 행을 구성하는 TableHeaderCell 및 TableCell 개체의 컬렉션을 캡슐화합니다.
TableFooterRow	Table 컨트롤의 바닥글 행을 나타냅니다.
TableHeaderCell	Table 컨트롤 내의 머리글 셀을 나타냅니다.
TableHeaderRow	Table 컨트롤의 머리글 행을 나타냅니다.
TableHeaderScope	표의 머리글 셀을 나타내는 클래스에 대한 HTML scope 특성을 나타냅니다.
TableItemStyle	TableRow 또는 TableCell로 렌더링되는 컨트롤의 요소에 대한 스타일 속성을 나타냅니다.
TableRow	TableRow 컨트롤의 기본 클래스입니다.
TableRowCollection	Table 컨트롤의 단일 행을 나타내는 TableRow 개체의 컬렉션을 캡슐화합니다.
TableRowSection	Table 컨트롤에서 TableRow 개체를 배치할 위치를 지정합니다.
TableSectionStyle	Table 컨트롤 섹션의 스타일을 나타냅니다.
TableStyle	Table 컨트롤의 스타일을 나타냅니다.