Como editar tabela HTML usando Aspose.HTML

As tabelas HTML servem como um componente importante para organizar e apresentar dados na web. No entanto, há momentos em que você precisa personalizar e modificar as tabelas existentes para melhor atender às suas necessidades. A biblioteca Aspose.HTML for .NET facilita esse processo, oferecendo um conjunto robusto de ferramentas para manipulação de conteúdo HTML. Vamos explorar como editar tabelas HTML usando C#.

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:


Instale Aspose.HTML para .NET

Install-Package Aspose.HTML



Editar estrutura e estilo da tabela em C#

Aspose.HTML for .NET fornece uma API genérica para manipulação de documentos HTML. O exemplo C# a seguir mostra como localizar uma tabela em um documento HTML e editá-la adicionando linhas e células e alterando o estilo da tabela:


Editar tabela HTML – exemplo de código C#

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

    // Create an instance of an HTML document
    using (var document = new HTMLDocument("document-with-tables.html"))
    {
        // Find the first <table> element
        var table = (HTMLTableElement)document.GetElementsByTagName("table").First();

        // 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 = $"Added Row: {i + 1}, Column {j + 1}";
            }
        }

        // Set the style attribute and assign the border-style, border-color, and width values for the first <table> element
        table.SetAttribute("style", "border-style:solid; border-color:rgb(255, 0, 0); width: 40%");
        
        // Save the modified document
        document.Save("document-with-edited-tables.html");
    }



Etapas para editar a tabela HTML

No exemplo, adicionamos linhas e colunas e aplicamos um estilo personalizado à primeira tabela HTML do documento. Para editar a tabela HTML, siga estas etapas:

  1. Use o construtor HTMLDocument() para inicializar um documento HTML. Passe o caminho do arquivo HTML de origem como parâmetro para o construtor.
  2. Use o método GetElementsByTagName() para encontrar o primeiro elemento <table> no documento HTML.
  3. Use os métodos InsertRow() e InsertCell() para adicionar linhas e células à primeira tabela HTML do documento.
  4. Use o método SetAttribute() da classe Element para definir um atributo style para a tabela. O atributo style inclui propriedades CSS como border-style, border-color e width.
  5. Chame o método Save() para salvar o documento HTML modificado.

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 modelo de objeto de documento usando Aspose.HTML para API .NET. 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.

Outros recursos da biblioteca C# com suporte

Use a biblioteca Aspose.HTML for .NET para analisar e manipular documentos baseados em HTML. Claro, seguro e simples!