Criar Tabelas HTML em C#

Criar uma Tabela HTML com uma API .NET

Aspose.HTML for .NET fornece classes DOM específicas para criar tabelas e HTML estruturado em C#. Comece com um HTMLDocument , crie um HTMLTableElement , insira linhas e células e anexe a tabela concluída ao documento antes de salvá-lo.

Criar uma Tabela HTML Estilizada em C#

O exemplo a seguir cria programaticamente uma tabela com três linhas e duas colunas, aplica bordas e espaçamento interno com CSS e salva o documento concluído como table.html.

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");

Etapas para Criar uma Tabela HTML em C#

1. Crie um novo documento com um construtor de HTMLDocument ou carregue um arquivo HTML existente quando a tabela precisar ser adicionada ao conteúdo atual.
2. Crie um elemento <table> com CreateElement() e converta-o em HTMLTableElement.
3. Adicione linhas com InsertRow() e células de dados com InsertCell() .
4. Defina o TextContent de cada célula, aplique estilos CSS e anexe a tabela concluída ao corpo do documento.
5. Chame Save() para gravar o resultado em table.html.

Opções para Criar Tabelas HTML

• Crie seções semânticas. Use elementos <thead>, <tbody> e <tfoot> separados quando cabeçalhos, dados e linhas de resumo tiverem funções diferentes.
• Controle a posição da tabela. Anexe a tabela a document.Body ou selecione um contêiner específico antes de inseri-la em um documento existente.
• Estilize o resultado com CSS. Defina bordas, espaçamento, larguras, alinhamento, cores e layout responsivo pela declaração Style do elemento ou por uma folha de estilos.
• Adicione identificadores e metadados. Atribua IDs, classes, atributos data-* e outros atributos DOM quando a tabela precisar ser selecionada ou processada posteriormente.
• Continue com um fluxo relacionado. Use Editar Tabela HTML para conteúdo existente, Extrair Dados de Tabela para valores estruturados ou o Gerador de Tabelas HTML para criar tabelas de forma interativa.

Documentação de Tabelas HTML e DOM

Consulte Editar um Documento HTML para conhecer o fluxo DOM geral usado para criar, inserir, atualizar e remover elementos HTML. A Referência da API documenta as classes específicas de tabelas, seções, linhas e células, além dos métodos DOM usados para anexá-las a um documento.

Instalar o Aspose.HTML for .NET

Instale o Aspose.HTML for .NET pelo NuGet usando a CLI do .NET:

dotnet add package Aspose.HTML

Você também pode usar a interface do Gerenciador de Pacotes NuGet ou executar Install-Package Aspose.HTML no Console do Gerenciador de Pacotes. Consulte o guia de instalação para configurar a biblioteca ou solicite uma licença temporária para avaliar a API sem limitações.

Perguntas Frequentes sobre Criação de Tabelas HTML

1. Por que os cabeçalhos de tabela devem usar <th> em vez de <td>?

O elemento <th> identifica uma célula de cabeçalho, enquanto <td> representa dados comuns. As células de cabeçalho dão uma estrutura mais clara à tabela e permitem que navegadores e tecnologias assistivas associem os rótulos aos dados correspondentes.

2. Posso adicionar uma nova tabela a um arquivo HTML existente?

Sim. Inicialize HTMLDocument com o caminho do arquivo existente, crie a tabela, anexe-a ao corpo do documento ou a outro contêiner selecionado e salve o resultado em um arquivo HTML novo ou existente.

3. Posso gerar linhas de tabela a partir de uma coleção C#?

Sim. Percorra a coleção, insira um HTMLTableRowElement para cada registro e crie as células necessárias com base em seus valores. A API não exige que os dados venham de uma fonte específica.

4. Devo usar os atributos HTML border, align e width?

Prefira CSS para a apresentação. Defina bordas, largura, margens e alinhamento por meio de Style ou de uma folha de estilos para que a tabela gerada não dependa de atributos HTML de apresentação obsoletos.

5. Como faço uma célula ocupar várias linhas ou colunas?

Defina RowSpan ou ColSpan no HTMLTableCellElement correspondente. Os valores determinam quantas linhas ou colunas a célula ocupa na estrutura da tabela.