---
sourceDocument: Yokohama Administração da Now Platform
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-administration

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Yokohama Administração da Now Platform

ft:clusterId :

    - platadm

bundleId :

    - platadm

workflow :

    - Platform


---

# Adicione uma tabela a um Editor de HTML

# Adicione uma tabela a um Editor de HTML {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 min. de leitura

E adicione e. formato a. n exemplo tabela para um artigo de conhecimento Usando controles de campo HTML .

## Antes de Iniciar

Função necessária: administrador

## Por Que e Quando Desempenhar Esta Tarefa

Nesta tarefa, você cria e formata uma tabela em htmlArea ou TinyMCE v6.8.3. As tabelas resultantes devem ser semelhantes a uma das imagens a seguir.  
Figura 1. Exemplo de tabela em htmlArea Figura 2. Exemplo de tabela no TinyMCE v6.8.3

Se você inserir valores alternativos para aspectos como largura, espaçamento de célula, preenchimento de célula, borda e alinhamento, a tabela resultante varia dos exemplos fornecidos.

## Procedimento

1. Navegar até TudoConhecimentoEditar e selecione conhecimento artigo que você quer para editar.
2. No campo HTML, posicione o cursor em o local onde você quiser adicionar a tabela.
3. Selecione o ícone de tabela e selecione Inserir tabela e selecione o número de linhas e colunas.
4. E edite as propriedades da tabela.
   1. Posicione o cursor na tabela, selecione o ícone de tabela e selecione Propriedades da tabela .
   2. Insira os seguintes valores no Geral .  
      * Largura: 75%
      * Espaçamento da célula: 3
      * Preenchimento da célula: 3
      * Borda: 1
      * Alinhamento: À esquerda
      {#t_ExampleStyleATable__ul_bff_fqg_vq}
   3. Em Avançado selecione o campo de texto ao lado de Cor da borda e insira <kbd class="ph userinput">Cinza </kbd>.  
      A caixa do seletor de cores fica cinza para indicar a cor inserida. Você também pode selecionar a caixa e selecionar as cores na paleta.
   4. Selecione OK .
   {#t_ExampleStyleATable__substeps_ozx_2jy_nt}
5. U pdate a linha da tabela de cabeçalho.
   1. Selecione as células na primeira linha da tabela, selecione o ícone de tabela e selecione LinhaPropriedades da linha.
   2. Insira os seguintes valores no Geral .  
      * Tipo de linha: Cabeçalho
      * Alinhamento: Centralizado
      {#t_ExampleStyleATable__ul_lm4_tqg_vq}
   3. Em Guia Avançado , insira <kbd class="ph userinput">87cefa </kbd>na caixa de texto ao lado de Cor de plano de fundo para defini-lo para um azul claro.
   4. Selecione OK .
   {#t_ExampleStyleATable__substeps_rtx_jjy_nt}
6. S et a tabela propriedades da célula .
   1. Selecione todas as células da tabela na primeira coluna, exceto . células na linha do cabeçalho .
   2. S selecione o ícone de tabela e selecione CélulaPropriedades da célula.
   3. Insira os seguintes valores no Geral . :  
      * Alinhamento H: À esquerda
      * V Alinhar: Superior
      {#t_ExampleStyleATable__ul_rdp_2ly_nt}
   4. Selecione OK .
   5. Repita essas etapas para as células da tabela na segunda coluna.
   {#t_ExampleStyleATable__substeps_fhp_zky_nt}
7. S defina a cor de fundo da linha do meio .
   1. Posicione o cursor na linha central da tabela, selecione o ícone de tabela e selecione LinhaPropriedades da linha.
   2. Em Guia Avançado , insira <kbd class="ph userinput">Prata </kbd>na caixa de texto ao lado de Cor de plano de fundo para defini-lo para a cor nº c0c0c0.
   3. Selecione OK .
   4. Repita este procedimento para todas as outras linhas da tabela.
   {#t_ExampleStyleATable__substeps_qgj_kly_nt}
8. S et a largura do coluna s .
   1. Selecione a primeira coluna da tabela, selecione o ícone de tabela e selecione CélulaPropriedades da célula.
   2. Em Geral , insira <kbd class="ph userinput">30% </kbd>em Largura campo de texto.
   3. Selecione OK .
   {#t_ExampleStyleATable__substeps_p31_gmy_nt}
9. Selecione e segure (ou clique com o botão direito) o cabeçalho do formulário e escolha Salvar.
10. Insira os dados nas células da tabela e salve o artigo.