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="1" 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. Definindo a largura da coluna:
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:
Quando a largura da tabela é "Fixada" e as larguras das colunas são definidas, um mesmo texto inserido em células de diferentes colunas são ajustados dentro dos limites das larguras definidas,definidas às colunas, conforme figura abaixo:
Inserindo o mesmo texto em uma tabela fixada, porém em colunas sem largura definida. Veja que as larguras da coluna ficamvão iguais:se ajustando ao tamanho do texto. Neste caso, por ser o mesmo texto, as larguras das colunas ficaram iguais, conforme figura abaixo:
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.