Dokuwiki - Tabelas

Tabelas são recursos importantes para organizar dados nas páginas. Exemplo:

Cabeçalho 1 Cabeçalho 2 Cabeçalho 3
item 1 item 2 item 3
item 4 item 5

Vocẽ pode criar tabelas nas páginas de conteúdo de duas maneiras: usando os códigos da linguagem de marcação ou através do gerador de tabelas.

A tabela acima foi criada com o seguinte código:

^ Cabeçalho1 ^ Cabeçalho2 ^ Cabeçalho3 ^
|  item1  | item2 | item3 |
|  item4  |       | item5 | 

Vamos entender abaixo o significado do código utilizado.

Cabeçalhos nas colunas da tabela

Coloque na primeira linha da tabela os cabeçalhos das colunas, separados por “^” (circunflexo), observando:

  • os cabeçalhos não são obrigatórios nas tabelas;
  • eles sempre mostrados com letras em destaque, com fundo azul claro;
  • não se esqueça do '^' (circunflexo) no final da linha;

Conteúdos das células

Em seguida, coloque os itens da tabela separados por “|” (barra vertical), observando:

  • as barras verticais não precisam ficar alinhadas (uma embaixo da outra);
  • a célula ficará vazia caso o item não seja preenchido;

Alinhamento do conteúdo

Você pode alinhar o conteúdo da tabela à direita, à esquerda ou deixá-lo centralizado. Veja o exemplo:

Coluna teste 1 Coluna teste 2 Coluna teste 3
direita direita direita
esquerda esquerda esquerda
centro centro centro
direitaesquerda centro

Para isto, deixe exatamente 2 espaços em branco ao lado oposto onde deseja alinhar o texto. Veja o código fonte deste exemplo acima:

  ^ Coluna teste 1 ^ Coluna teste 2 ^ Coluna teste 3 ^
  |  direita|  direita|  direita|
  |esquerda  |esquerda  |esquerda  |
  |  centro  |  centro  |  centro  |
  |  direita|esquerda  |  centro  |

Ou seja, deixando 2 espaços em branco do lado esquerdo, e encostando o conteúdo na barra vertical da direita, ele ficará alinhado à direita; da mesma forma, deixando 2 espaços em branco do lado direito e encostando o conteúdo na barra vertical da esquerda, o conteúdo ficará alinhado à esquerda; use 2 espaços em branco de ambos os lados para centralizar o conteúdo da célula.

Cabeçalhos nas linhas da tabela

Você também poderá ter cabeçalhos nas linhas, veja o exemplo:

Cabeçalho 1 Cabeçalho 2
Cabeçalho 3 teste1 teste2
Cabeçalho 4 teste3 teste4

Que foi formado usando o seguinte código:

 ^       ^ Cabeçalho 1 ^ Cabeçalho 2 ^
 ^ Cabeçalho 3 | teste1 | teste2 |
 ^ Cabeçalho 4 | teste3 | teste4 |

Ou seja, use “^” para formatar um cabeçalho e “|” para formatar uma célula.

O Gerador de Tabelas é fornecido pelo plugin Edittable

Para acessar o Gerador de Tabelas, clique no ícone “Inserir Tabela”, localizado na barra de ferramentas de edição da página:

Em seguida será criada uma tabela básica, com 2 linhas e 2 colunas. Repare na barra de ferramentas de tabela, logo acima da barra de ferramentas de edição:

Clique sobre as células e digite o conteúdo normalmente. Para adicionar e excluir linhas e colunas, use os ícones na barra de ferramentas da tabela, sendo:

Adicionar coluna

Excluir coluna

Adicionar linha

Excluir linha

Para alinhar o texto: a esquerda, centralizado e direita

Para transformar o conteúdo da célula em um cabeçalho de coluna ou linha

Repare nos pequenos triângulos que existem no topo de cada coluna e no início de cada linha; clique sobre eles para abrir um menu de opções que permite excluir e adicionar linhas e colunas:

Ao terminar, quando estiver satisfeito com a sua tabela, clique no botão Salvar, logo abaixo da área de edição.