Criar um elemento HTML <table> online
O Gerador HTML Table cria a marcação de uma tabela a partir das configurações selecionadas de linhas, colunas, cabeçalho, borda, largura e alinhamento. A visualização, a saída HTML e a saída C# são atualizadas juntas para que você confira o resultado antes de copiá-lo para uma página web ou projeto .NET.
Opções do Gerador HTML Table
O gerador interativo oferece os seguintes controles:
- Rows e Cols definem o tamanho do corpo da tabela, enquanto Header row adiciona um
<thead>separado. - Border controla o estilo, a largura e a cor do contorno da tabela e da grade de células.
- Width aceita porcentagens ou pixels, e Align posiciona uma tabela mais estreita do que seu contêiner.
A visualização e os dois painéis de código são atualizados automaticamente. As células HTML usam espaços reservados vazios, enquanto as células em C# recebem rótulos de linha e coluna.
Criar um elemento HTML <table> em C#
O painel HTML Code acima contém a marcação da tabela produzida pelas opções atuais. O painel C# Code abaixo mostra o fluxo programático equivalente com o Aspose.HTML for .NET .
O código gerado segue estas etapas:
- Cria um
HTMLDocumente um elemento<table>comDocument.CreateElement(). - Aplica as configurações selecionadas de borda, largura e alinhamento com
ICSSStyleDeclaration.SetProperty(). - Adiciona o cabeçalho opcional, as linhas do corpo e as células com
HTMLTableSectionElement.InsertRow()e as operações correspondentes de linha. - Anexa a tabela ao corpo do documento e salva
table.htmlcomHTMLDocument.Save().
Configure primeiro a tabela e depois copie o código atualizado para seu projeto .NET.
Perguntas frequentes sobre o Gerador HTML Table
1. Devo definir a largura da tabela em porcentagem ou pixels?
Use porcentagem quando a tabela precisar se adaptar à largura do contêiner pai. Use pixels quando precisar de uma largura fixa que não mude com o layout ao redor.
2. Por que a alteração do alinhamento da tabela às vezes não produz efeito visível?
Os alinhamentos à esquerda, ao centro e à direita usam o espaço horizontal livre ao redor da tabela. Se ela ocupar toda a largura do contêiner, não haverá espaço para movê-la. Reduza a largura para tornar o alinhamento visível.
3. Por que a borda da tabela não aparece na visualização?
A borda não aparece quando sua largura é 0 ou quando o estilo é none ou hidden. Escolha um estilo visível, como solid, dashed ou dotted, e defina uma largura maior que zero.
4. Qual é o maior tamanho de tabela permitido pelo gerador?
Você pode gerar de 1 a 100 linhas no corpo e de 1 a 100 colunas. Se Header row estiver ativado, o gerador adicionará um cabeçalho separado acima da quantidade escolhida de linhas do corpo.
5. Posso adicionar a tabela gerada a um documento HTML existente?
Sim. Substitua o construtor sem parâmetros de HTMLDocument por new HTMLDocument("input.html"), anexe a tabela ao corpo ou a outro elemento selecionado e salve o documento modificado em um novo arquivo.
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.
Geradores HTML relacionados
Crie outras estruturas e elementos HTML com geradores específicos.