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

Visual Studio 2010

업데이트: 2007년 11월

Table 웹 서버 컨트롤 추가는 두 단계, 즉 표 자체를 추가하는 단계와 행과 셀을 개별적으로 추가하는 단계로 구성됩니다. 디자인 타임에 행과 열을 추가하여 정적 표를 만들거나 런타임에 코드로 이를 추가할 수 있습니다. 런타임에 행과 열을 추가하는 방법에 대한 자세한 내용은 방법: Table 웹 서버 컨트롤에 행과 셀을 동적으로 추가를 참조하십시오.

a0eshx49.alert_note(ko-kr,VS.100).gif참고:

일반적으로 런타임에 내용을 추가하거나 변경하지 않는 정적 표를 만드는 경우에는 Table 웹 서버 컨트롤 대신 HTML 표 요소를 사용하는 것이 좋습니다.

Table 웹 서버 컨트롤을 Web Forms 페이지에 추가하려면

  • 도구 상자의 표준 탭에서 Table 컨트롤을 페이지로 끌어 옵니다.

    처음에 표는 행이나 열이 없는 단순 텍스트 컨트롤로 표시됩니다.

디자인 타임에 행과 셀을 추가하여 정적 표를 만들 수 있습니다.

디자인 타임에 행과 셀을 Table 웹 서버 컨트롤에 추가하려면

  1. 표를 선택한 다음 속성 창을 열고 Rows 속성 옆에 있는 줄임표 단추(VisualStudioEllipsesButton 스크린 샷)를 클릭합니다.

    TableRow 컬렉션 편집기 창이 표시됩니다.

  2. 추가를 클릭하여 새 행을 만듭니다.

    새 행이 추가되고 해당 속성이 대화 상자의 오른쪽에 있는 표에 표시됩니다.

  3. 필요에 따라 글꼴, 색 등을 변경하여 새 행에 대한 디스플레이 특성을 설정합니다.

    a0eshx49.alert_note(ko-kr,VS.100).gif참고:

    TableRow 컬렉션 편집기 대화 상자에 입력한 설정은 하나의 행에만 적용됩니다. 모든 행에 설정을 적용하려면 표에 대한 속성을 전체적으로 설정합니다.

  4. 새 행에 셀을 추가하려면 멤버 목록에서 행을 선택한 다음 Cells 속성 옆에 있는 줄임표 단추(VisualStudioEllipsesButton 스크린 샷)를 클릭합니다.

    TableCell 컬렉션 편집기 대화 상자가 표시됩니다.

  5. 추가를 클릭하여 새 셀을 만들고 대화 상자의 오른쪽에 있는 창을 사용하여 해당 속성을 설정합니다. 셀에 텍스트를 표시하려면 Text 속성을 설정합니다.

  6. 행에 추가할 각 셀에 대해 앞의 5단계를 반복합니다. 행에 셀을 모두 추가했으면 TableCell 컬렉션 편집기 대화 상자의 확인을 클릭합니다.

  7. 새 행과 행에 있는 셀 각각에 대해 2단계부터 6단계까지 반복합니다. 행에 셀을 모두 추가했으면 TableRow 컬렉션 편집기 대화 상자의 확인을 클릭합니다.

    디자인 뷰에 지금까지 만든 각 행과 셀에 대한 자리 표시자와 함께 Table 컨트롤이 표시됩니다.

표시: