3. Como inserir e configurar tabelas no Modelo de Documento Eletrônico

3.1. No campo Corpo do Editor de Texto:

a) Clicar no Botão Maximizar a Tela:

b) Aparecerá a seguinte Tela:

c) Clicar no botão Tabela:

 

 

d) Abrirá a Janela Formatar Tabela, conforme figura abaixo:

e) Como exemplo, faremos uma Tabela com 5 linhas e 3 colunas:

A Largura máxima da Tabela, para a impressão/exportação PDF é de 750px, que garante que a tabela não ultrapasse os limites internos das margens direita e esquerda do documento.

Pode-se alterar a medida da Margem interna para o texto dentro das células. Por padrão é igual a "1", porém a medida "7" garante uma distância harmoniosa entre o texto e as bordas laterais da célula. 

f) Clicando no   OK   , teremos a seguinte estrutura de Tabela no documento. Observe que foi criada uma tabela com três colunas de mesma largura e encostada no limite da área de texto (sem margens definidas).

3.2. Configurando a tabela para que ela se enquadre dentro dos limites das margens-padrão do documento:

a) Clicar no Botão Código-Fonte (Acessa o HTML - Hyper Text Markup Language):  

 

b) Informar a sintaxe para margens esquerda e direita, logo após o valor do "width" = margin-left:2cm; margin-right:2cm

Fixando a largura das células:

Para que não haja variação do tamanho da célula quando da digitação do texto, substituir a sintaxe:

"<table border="1" cellpadding="7" cellspacing="0" style="margin-left:2cm; margin-right:2cm; width:750px">

<thead>

<tr>"

Por:

"<table border="0" cellpadding="7" cellspacing="0" style="margin-left:2cm; margin-rigth:2cm; table-layout:fixed; width:750px">

<thead>

<tr>"

Substituindo a sintaxe:

c) Clicar novamente no Botão: e retorne ao Corpo do Modelo de Documento de Texto:

Veja que a Tabela se deslocou para a direita e este deslocamento se refere aos 2cm da margem esquerda do documento, assim como o final da tabela está a 2cm do limite do papel (margem direita):

3.3. ComparaçãoDefinindo entrea umalargura Tabelada Fixada e Não Fixadacoluna:

a) Marque a coluna e com o botão direito do mouse sobre a opção "Célula", clicar em "Propriedades da célula:

b) No campo "Largura" definir o tamanho, que pode ser em pixel ou percentual. No caso de pixel, como a largura total da tabela é de 750px, o somatório das larguras das colunas deve ter o limite de 750px. Na tabela abaixo, definimos as larguras das colunas em percentual, sendo a coluna 1 = 15%, a coluna 2 + 60% e a coluna 3 = 25%.

c) Clicar em   OK  

d) Repetir esta ação para definir a largura de cada coluna:

 

 

 

Fixada: A largura das colunas não se alteram, somente a altura das linhas: ideal para a inserção de palavras sem espaço, como exemplo - um link da internet:

 

b) Não Fixada: inserindo o mesmo link em uma tabela sem a sintaxe de fixação:

Veja que resultou no estouro do tamanho da tabela, comprometendo a margem esquerda:

 

3.4. Atribuindo cor de fundo e de borda na Tabela:

No exemplo que segue, atribuiremos a cor vermelha para as bordas e a amarela para o fundo das células

a) Selecionar as células para as quais serão atribuídas as características desejadas, clicar no botão direito do mouse e sobre a opção "Célula", ir em "Propriedades da célula" e clicar:

b) Na tela que se abrirá, definir a Cor de fundo e Cor das bordas (pressionando o Botão Escolher à frente desses campos):

c) Clicar em  OK  para ver o resultado:

Resultado das cores atribuídas à Tabela:

3.4. Ajustando a largura das colunas

a) Selecionar as células da coluna. Com o botão direito do mouse sobre a opção Célula clicar em   Propriedades da célula  

Defina as medidas, que pode ser em pixel ou percentual. No exemplo, estamos atribuindo à primeira coluna 15% da largura da tabela. Caso seja em pixel, observar que a soma dos mesmos não poderá ultrapassar os 750px da largura da Tabela.

b) Clicar em  OK  

Observe que a 1ª coluna diminuiu em relação às demais. Significa que ela assumiu 15% da largura total da tabela e as outras duas colunas estão dividindo os 75% restantes.

Repita a ação para as demais colunas, caso necessite determinar as medidas. 

 

3.5. Definindo o cabeçalho da Tebela - é muito importante atribuir à tabela o cabeçalho, pois na quebra de página, havendo uma tabela no momento da quebra, o cabeçalho será repetido na próxima página.

a) Digitar os dados do cabeçalho - pode ser na primeira linha, na primeira coluna ou ambos. No nosso exemplo, à primeira linha da tabela será atribuída a função de cabeçalho: 

Observe o distanciamento do texto em relação às bordas (esta distância se refere ao valor 7 da margem interna atribuído à tabela, conforme subitem 3.1, e) deste Manual):

Sem a margem "7" - praticamente o texto fica encostado à margem, conforme exemplo abaixo:

b) Com o botão direito do mouse, clicar sobre a opção  Formatar Tabela :  

c) Na opção Cabeçalho, abra a lista e clique sobre a opção desejada:

No nosso exemplo, optamos pela   Primeira linha  

d) Clicar em  OK  . Observe que foi atribuído "negrito" ao texto e o alinhamento passou a ser central em relação à célula.

 

3.6. Removendo/inserindo linhas e colunas  à Tabela:

a) Removendo linhas - selecione a linha a ser deletada, clicar no botão direito do mouse, e sobre a palavra "Linha", clicar em "Remover Linhas"

Resultado da remoção de linhas:

Da mesma forma, pode-se inserir novas linhas à Tabela.

b) Inserindo Coluna - selecione a coluna a partir da qual será inserida coluna à esquerda ou direita, clicar no botão direito do mouse, e sobre a palavra "Coluna", clicar em "Inserir coluna à ..."

Resultado da inserção de uma coluna:

Observe que a largura total da tabela não se altera, isto porque ela está fixada. 

 

3.7. Mudando o visual da Tabela - sempre pelas Opções: Formatar Tabela e          Propriedade das Células:

a) Para retirar / alterar as cores atribuídas, alinhamento de texto, acessar "Propriedades das célula".

O alinhamento de texto, também, pode ser atribuído utilizando-se os botões de formatação do editor. É só selecionar as células e clicar sobre o botão do tipo de alinhamento desejado, conforme demonstrado abaixo.