Criar tabela HTML – C#

Como criar tabela HTML usando C#

As tabelas desempenham um papel importante na comunicação eficaz das informações. Portanto, adicionar tabelas a documentos HTML é um aspecto crítico e um requisito comum no desenvolvimento web. Aspose.HTML for .NET fornece uma solução robusta para desenvolvedores gerenciarem tabelas em documentos HTML. Você pode criar uma tabela HTML, editá-la, adicioná-la, removê-la ou extraí-la de documentos HTML. Vamos explorar como trabalhar com tabelas HTML usando Aspose.HTML for .NET:

Primeiro, certifique-se de ter Aspose.HTML for .NET instalado em seu projeto. O processo de instalação desta biblioteca é bastante simples. Abra o gerenciador de pacotes NuGet, procure Aspose.HTML e instale. Você também pode usar o seguinte comando do Console do Gerenciador de Pacotes:

Install-Package Aspose.HTML

Elemento <table> HTML

As tabelas HTML são usadas para organizar e exibir dados em um formato estruturado, facilitando a compreensão e comparação das informações pelos usuários. Quando usadas corretamente, as tabelas HTML podem melhorar a legibilidade e acessibilidade do conteúdo de uma página web.

Você pode adicionar tabelas a documentos HTML e a páginas da web usando um elemento HTML <table>. A tabela HTML consiste em um elemento <table> e um ou mais elementos <tr>, <th> e <td> que definem uma linha da tabela, cabeçalho da tabela e célula da tabela. O elemento <table> pode incluir atributos globais como style, align, border, width, etc:

<table style="border: 2px #5e5e5e solid" align="center" border="2" width="50%">
    <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

Adicionar tabela ao documento HTML usando C#

Se você deseja criar e adicionar tabelas programaticamente ao HTML, consulte o exemplo de código C# abaixo. Este código gera uma tabela HTML com 3 linhas e 4 colunas, preenche cada célula com conteúdo indicando sua posição e adiciona a tabela ao arquivo HTML:

using Aspose.Html;
using System.IO;
...

    // Create an instance of an HTML document
    using (var document = new HTMLDocument("input.html"))
    {
        var body = document.Body;

        // Create a table element
        var table = (HTMLTableElement)document.CreateElement("table");
        table.Border = "2";
        table.Align = "center";
        table.Style.Border = "2px #ff0000 dotted";
        table.SetAttribute("width", "50%");

        // Add html rows & columns
        for (int i = 0; i < 3; i++)
        {
            var row = (HTMLTableRowElement)table.InsertRow(table.Rows.Length);
            for (int j = 0; j < 4; j++)
            {
                var cell = (HTMLTableCellElement)row.InsertCell(row.Cells.Length);
                cell.TextContent = $"Row: {i + 1}, Column {j + 1}";
            }
        }

        // Attach the table to the document body
        body.AppendChild(table);

        // Save the HTML document to a file
        document.Save("create-html-table.html");
    }

Etapas para criar uma tabela HTML

Neste exemplo, um novo elemento de tabela HTML é criado, os atributos são definidos e a tabela é anexada ao documento HTML. O resultado é um documento HTML modificado com a tabela adicionada:

1. Carregue um documento HTML usando um dos construtores HTMLDocument() .
2. Crie um novo elemento de tabela usando o método CreateElement() .
3. Defina atributos para a tabela, como border, align, width e style.
4. Use os métodos InsertRow() e InsertCell() para adicionar linhas e células a uma tabela HTML.
5. Use a propriedade TextContent da classe Element para representar o conteúdo do texto da célula. Qualquer valor atribuído a esta propriedade será exibido como o conteúdo da célula na tabela HTML.
6. Anexe o novo elemento de tabela ao documento HTML. Use o método AppendChild() da classe Node para adicionar a tabela ao final da lista de filhos do corpo do documento.
7. Chame o método Save() para salvar o documento HTML modificado com a tabela adicionada.

Para saber mais sobre a API Aspose.HTML, visite nosso guia documentação . O artigo de documentação Edit HTML Document fornece informações básicas sobre como ler ou editar o Document Object Model usando Aspose.HTML for .NET API. Você explorará como criar elementos HTML e como trabalhar com eles – modificar o documento inserindo novos nós, removendo ou editando o conteúdo de nós existentes.

Gerador de Tabela HTML – Aplicativo Online

Aspose.HTML oferece o Gerador de tabelas HTML que é um aplicativo online para criação de tabelas com opções personalizáveis. É gratuito e fácil de usar. Basta preencher todas as opções obrigatórias e obter o resultado! O Gerador de Tabela HTML cria automaticamente o código da tabela HTML. Esta ferramenta foi projetada para permitir que você obtenha uma tabela HTML necessária e a coloque online o mais rápido possível.