Aspose.HTML for .NET Aspose.HTML for .NET
  Download   Pricing Buy

.NET API로 HTML 테이블 만들기

Aspose.HTML for .NET 은 C#에서 구조화된 HTML을 만들기 위한 테이블 전용 DOM 클래스를 제공합니다. HTMLDocument 와 HTMLTableElement 를 만들고 행과 셀을 삽입한 다음 완성된 테이블을 문서에 추가하여 저장할 수 있습니다.


C#에서 스타일이 적용된 HTML 테이블 만들기

다음 예제는 3행 2열 테이블을 프로그래밍 방식으로 만들고 CSS 테두리와 셀 안쪽 여백을 적용한 뒤 완성된 문서를 table.html로 저장합니다.

HTML 테이블을 만드는 C# 코드

using Aspose.Html;

using HTMLDocument document = new HTMLDocument();

// Create and style the table
HTMLTableElement table = (HTMLTableElement)document.CreateElement("table");
table.Style.SetProperty("border-collapse", "collapse");
table.Style.SetProperty("width", "100%");

// Add rows and cells through the table DOM API
for (int rowIndex = 0; rowIndex < 3; rowIndex++)
{
    HTMLTableRowElement row = (HTMLTableRowElement)table.InsertRow(table.Rows.Length);

    for (int columnIndex = 0; columnIndex < 2; columnIndex++)
    {
        HTMLTableCellElement cell = (HTMLTableCellElement)row.InsertCell(row.Cells.Length);
        cell.TextContent = $"Row {rowIndex + 1}, Column {columnIndex + 1}";
        cell.Style.SetProperty("border", "1px solid #808080");
        cell.Style.SetProperty("padding", "8px");
    }
}

document.Body.AppendChild(table);
document.Save("table.html");

C#에서 HTML 테이블을 만드는 단계

  1. HTMLDocument 생성자로 새 문서를 만들거나 기존 콘텐츠에 테이블을 추가하려면 HTML 파일을 로드합니다.
  2. CreateElement() 로 <table> 요소를 만들고 HTMLTableElement로 캐스팅합니다.
  3. InsertRow() 로 행을, InsertCell() 로 데이터 셀을 추가합니다.
  4. 각 셀의 TextContent를 설정하고 CSS를 적용한 뒤 테이블을 문서 body에 추가합니다.
  5. Save() 를 호출하여 table.html로 저장합니다.

HTML 테이블 생성 옵션

  • 의미에 맞는 테이블 구역을 만듭니다. 머리글, 데이터, 요약 행의 역할이 다르면 <thead>, <tbody>, <tfoot>을 구분합니다.
  • 테이블 위치를 지정합니다. document.Body에 추가하거나 기존 문서에서 특정 컨테이너를 선택합니다.
  • CSS로 결과를 꾸밉니다. Style 또는 스타일시트로 테두리, 간격, 너비, 정렬, 색상, 반응형 레이아웃을 설정합니다.
  • 식별자와 메타데이터를 추가합니다. 나중에 선택하거나 처리할 수 있도록 ID, class, data-* 속성 등을 지정합니다.
  • 관련 작업으로 이동합니다. 기존 콘텐츠에는 HTML 테이블 편집 , 구조화된 값에는 HTML 테이블 데이터 추출 , 대화형 작성에는 HTML Table 생성기 를 사용합니다.

HTML 테이블 및 DOM 문서

HTML 문서 편집 에서는 DOM으로 HTML 요소를 생성, 삽입, 변경, 삭제하는 방법을 설명합니다. API Reference에는 테이블, 구역, 행, 셀 클래스와 문서에 추가하는 DOM 메서드가 정리되어 있습니다.


Aspose.HTML for .NET 설치

.NET CLI를 사용하여 NuGet에서 Aspose.HTML for .NET 을 설치합니다.

dotnet add package Aspose.HTML

NuGet 패키지 관리자 UI를 사용하거나 패키지 관리자 콘솔에서 Install-Package Aspose.HTML을 실행할 수도 있습니다. 설정 방법은 설치 가이드 를 참조하세요. 평가 제한 없이 API를 테스트하려면 임시 라이선스 를 요청할 수 있습니다.


HTML 테이블 생성 FAQ

1. 테이블 머리글에 <td> 대신 <th>를 사용해야 하는 이유는 무엇인가요?

HTML에서 <th>는 머리글 셀을, <td>는 일반 데이터 셀을 나타냅니다. 머리글 셀은 구조를 명확히 하고 브라우저와 보조 기술이 레이블을 관련 데이터와 연결하도록 돕습니다.

2. 기존 HTML 파일에 새 테이블을 추가할 수 있나요?

예. 기존 파일 경로로 HTMLDocument를 초기화하고 테이블을 만든 뒤 문서 body 또는 선택한 컨테이너에 추가하여 저장합니다.

3. C# 컬렉션에서 테이블 행을 생성할 수 있나요?

예. 컬렉션을 순회하며 각 레코드에 HTMLTableRowElement를 하나씩 삽입하고 값으로 필요한 셀을 만듭니다. API는 특정 데이터 원본을 요구하지 않습니다.

4. HTML 속성 border, align, width를 사용해야 하나요?

표시에는 CSS를 사용하는 것이 좋습니다. Style 또는 스타일시트로 테두리, 너비, 여백, 정렬을 설정하면 오래된 표시용 HTML 속성에 의존하지 않습니다.

5. 하나의 셀을 여러 행이나 열에 걸치게 하려면 어떻게 하나요?

해당 HTMLTableCellElement의 RowSpan 또는 ColSpan을 설정합니다. 값은 셀이 차지하는 행 또는 열의 수를 결정합니다.

관련 HTML 테이블 작업

Aspose.HTML for .NET 가이드로 HTML 테이블을 추출, 편집 또는 처리합니다.

HTML 테이블 데이터 추출
HTML 테이블 추출
웹사이트에서 테이블 추출
C#에서 HTML 테이블 편집