---
sourceDocument: Yokohama Employee Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/employee-service-management

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Yokohama Employee Service Management

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# Adicione uma tabela com o editor de conteúdo avançado

# Adicione uma tabela com o editor de conteúdo avançado {#ariaid-title1}

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

Adicione uma tabela ao seu conteúdo para organizar informações em linhas e colunas.

## Antes de Iniciar

Função necessária: sn_cd.content_manager

Preencha os campos do formulário Novo conteúdo. Veja [Crie conteúdo avançado](https://servicenow-prod.fluidtopics.net/ffs50BrToVgNm5QEac0icg "Use o Editor de conteúdo avançado para criar conteúdo de formato longo com uma ferramenta de estilo web fácil de usar.")  
Crie o layout da página usando módulos ou colunas.

* Os módulos são layouts de conteúdo predefinidos compostos por cabeçalho, texto de parágrafo e imagens. Veja [Adicione layouts de conteúdo predefinidos com o Editor de conteúdo avançado](https://servicenow-prod.fluidtopics.net/XaLRwok~oLyO2MSSuGALIg "Use módulos para adicionar facilmente novos layouts de conteúdo com cabeçalhos, texto de parágrafo e imagens. Escolha entre layouts compostos por três cartões verticais, três cartões horizontais ou uma configuração lado a lado com uma imagem posicionada à direita de um bloco de texto.")
* As colunas são contêineres que permitem definir um layout personalizado. Veja [Adicione colunas com o Editor de conteúdo avançado](https://servicenow-prod.fluidtopics.net/uD3etZHAViNVinc22IfWNA "Use o. Editor de conteúdo avançado tela para criar colunas para ajudar a definir e organizar o layout da sua página.")
{#ec-rich-content-editor-table__ul_jzv_qft_wxb}

## Procedimento

1. Navegue até a tela selecionando Abra o editor do Design da Novo conteúdo formulário.
2. Arraste e solte o componente da tabela na tela.
3. Em Criar nova tabela , insira o número de colunas e linhas.
4. Crie uma linha de cabeçalho da tabela navegando até ConfiguraçõesPropriedades e selecionando Habilitar cabeçalho .
5. Para formatar o texto do título do cabeçalho, clique na caixa de texto na linha do cabeçalho e defina as seguintes configurações:  
   {#ec-rich-content-editor-table__table_pm1_w4w_cdc__entry__2}

   | Campo de configurações | Descrição |
   |-|-|
   | Estilização ||
   | Estilo de texto | Permite que você mude rapidamente a aparência do seu texto selecionando uma opção pré-formatada. Você pode selecionar diferentes títulos ou estilos de parágrafo. O título 1-6 corresponde a marcadores HTML h1 - h6. |
   | Cor do texto | Use este menu suspenso para mudar a cor do seu texto. Suas escolhas são: * Primária: A cor primária definida pelo tema do portal. * Mudo: A cor definida pelo tema do portal. * Branco: Muda a cor do texto para branco. Isso é útil ao usar uma cor de fundo diferente do branco. {#ec-rich-content-editor-table__ul_mfb_k5h_vvb} A cor do texto atribui classes CSS predefinidas para a cor do texto. |
   | Tela | Configura a aparência de vários componentes na mesma coluna, como uma imagem e um componente de texto. Nota: Esta configuração se aplica somente no caso de você adicionar outro componente ao lado da caixa de texto do título. Selecione uma das seguintes opções: * Lado a lado (Padrão): O texto aparece com o outro componente ao lado dele. * Superior e inferior : A imagem aparece acima do outro componente. Nota: Para obter melhores resultados, defina a mesma exibição para os componentes. Por exemplo, se você tiver componentes de imagem e texto em uma coluna e quiser que a imagem apareça à esquerda e o texto apareça à direita, altere o. Exibição configurações de ambos os componentes para Lado a lado . |
   | Alinhar | Determina o alinhamento horizontal do texto. Escolha entre: * Esquerda justificar * Centralizar * Justificar à direita * Justificar (o texto está alinhado com as duas margens) {#ec-rich-content-editor-table__ul_j3v_plj_bvb} |
   | Estilo avançado ||
   | Preenchimento | Preenchimento é o espaço entre o conteúdo e a borda de um elemento. Especifique o valor para preenchimento superior, inferior, direito ou esquerdo inserindo um número. |
   | Margem | A margem é o espaço entre uma linha e outro elemento/o limite da tela. Especifique o valor para preenchimento superior, inferior, direito ou esquerdo inserindo um número. |
   | Nome da fonte | Define a face da fonte usada para renderizar caracteres. Clique na seta suspensa para selecionar uma fonte diferente. |
   | Tamanho da fonte | Define o tamanho da fonte. |
   | Peso da fonte | Determina como o texto será exibido em negrito ou claro. Clique na seta suspensa para selecionar um peso diferente. |
   | Altura da linha | Define a distância vertical entre duas linhas de texto. |
   | Cor da fonte | Substitui a cor da fonte do tema do portal. Para selecionar uma cor, insira o código hexadecimal ou clique no seletor de cores (quadrado cinza à direita da cor da fonte) e selecione uma cor na paleta de cores. |
   [Tabela 1. Configurações do cabeçalho da tabela]

   {#ec-rich-content-editor-table__table_pm1_w4w_cdc}

Clique em uma célula para definir as configurações para essa célula, como a cor de fundo ou borda. Para definir as configurações de uma linha ou de todas as células na tabela, clique na seta para cima até que o contêiner desejado seja selecionado.![A seta para cima seleciona o contêiner do componente selecionado no momento]()

6. Definir configurações de estilo de tabela:  
   As opções de configurações variam, dependendo se você selecionou uma célula, linha ou a tabela inteira.{#ec-rich-content-editor-table__table_zx2_tgw_jyb__entry__2}

   | Campo de configurações | Descrição |
   |-|-|
   | Estilização ||
   | Cor de fundo | Use o seletor de cores (quadrado quadriculado) para selecionar uma cor ou insira o código de cor que representa a cor de fundo que você deseja exibir. Todas as cores HTML são compatíveis. Para obter mais informações, consulte [Nomes de cores HTML](https://htmlcolorcodes.com/color-picker/). |
   | Alinhar | Determina o alinhamento horizontal do texto. Escolha entre: * Esquerda justificar * Centralizar * Justificar à direita * Justificar (o texto está alinhado com as duas margens) {#ec-rich-content-editor-table__d9265e546} |
   | Estilo avançado ||
   | Largura Altura | Ajuste a largura e a altura do componente usando Largura e. Altura campos. Você também pode escolher a unidade de medida de sua preferência selecionando a tecla de seta para baixo única à esquerda das setas para cima e para baixo. As opções são: * automático: O tamanho é baseado no conteúdo na guia. Se você inserir texto adicional na guia, a largura aumentará automaticamente. * px: Use pixels como medida. * %: Use uma porcentagem como sua medida. |
   | Preenchimento | Preenchimento é o espaço entre o conteúdo e a borda de um elemento. Especifique o valor para preenchimento superior, inferior, direito ou esquerdo inserindo um número. |
   | Margem | A margem é o espaço entre uma linha e outro elemento/o limite da tela. Especifique o valor para preenchimento superior, inferior, direito ou esquerdo inserindo um número. |
   | Borda | Edite a borda ao redor da parte externa do botão. Nota: A borda é o contorno ao redor do botão. Largura: Use as setas para cima e para baixo para ajustar a largura da borda. Assim como a largura e a altura, você pode escolher a unidade de medida de sua preferência selecionando a tecla de seta para baixo única à esquerda das setas para cima e para baixo. Estilo: O formato da borda ao redor do botão. Selecione o menu suspenso para selecionar o tipo de borda desejado ao redor do botão. Cor: A cor da borda ao redor do botão. Selecione a cor do seu botão usando a paleta de cores e as barras deslizantes semelhantes a como você seleciona a cor do plano de fundo. |
   | Raio da borda | Use as setas para cima e para baixo para ajustar o raio da borda. Assim como a largura e a altura, você pode escolher a unidade de medida de sua preferência selecionando a tecla de seta para baixo única à esquerda das setas para cima e para baixo. |
   [Tabela 2. Configurações de estilo]

   {#ec-rich-content-editor-table__table_zx2_tgw_jyb}
7. Com uma célula selecionada, use ConfiguraçõesPropriedades para adicionar ou excluir colunas ou linhas, mesclar células e mover linhas para cima ou para baixo.  
8. Selecione Salvar ou Salve e conclua .  
   Selecionando Salvar salva seu conteúdo e você permanece no Editor de conteúdo avançado tela. Selecionando Salve e conclua salva seu registro e retorna para Novo conteúdo formulário.

## O que Fazer Depois

* (Opcional) Traduza seu conteúdo.Solicite a tradução do idioma para o seu conteúdo. Para obter mais informações, consulte [Suporte multilíngue na Biblioteca de conteúdo](https://servicenow-prod.fluidtopics.net/W_gQ~dPXNXEurii9LC462Q "A Biblioteca de conteúdo inclui dois recursos para criação de conteúdo multilíngue: Traduzir conteúdo (fluxo de trabalho de tradução de conteúdo) e Alternar idioma (muda o idioma da interface).").{#ec-rich-content-editor-table__p_vtc_nfg_h1c}

  Nota:  
  Apenas traduza o conteúdo depois de terminar de modificar o conteúdo. Para obter melhores resultados, não recomendamos adicionar ou remover componentes ou alterar a formatação após a tradução.

  Para criar conteúdo avançado formatado de forma diferente em idiomas diferentes, duplique o conteúdo e modifique a formatação conforme necessário. Em seguida, use Públicos para direcionar o conteúdo para os usuários por idioma. Veja [Públicos](https://servicenow-prod.fluidtopics.net/hB9RlmxHCy2kAeRoWfJddw "Segmente o conteúdo do portal e as atividades de evento de ciclo de vida para públicos especificados com registros de público.")
* Visualize seu conteúdo do Publicar .  
  Nota:  
  A Visualização de conteúdo foi projetada para fornecer uma ideia geral da aparência do seu conteúdo. O conteúdo pode parecer diferente depois de publicado devido a variações na resolução do dispositivo, diferença de tema ou configuração de estilo do app para celular.
* Configure um plano de publicação para controlar onde o conteúdo será entregue, o público e o período de tempo em que ele estará disponível: [Crie um plano de publicação para o seu conteúdo](https://servicenow-prod.fluidtopics.net/zC7MinePYIEkTxAkvExrlQ "Depois de criar conteúdo na Biblioteca de conteúdo, adicione um ou mais planos de publicação para controlar onde o conteúdo será entregue, o público e o período de tempo em que ficará disponível.").
{#ec-rich-content-editor-table__ul_ogf_pv5_nyb}