Diferenças

Aqui você vê as diferenças entre duas revisões dessa página.

Link para esta página de comparações

Ambos lados da revisão anterior Revisão anterior
Próxima revisão
Revisão anterior
ajuda:portal:tabelas [2011/12/24 04:03]
sergio
ajuda:portal:tabelas [2011/12/24 04:00] (atual)
Linha 1: Linha 1:
 +====== 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**.
 +
 +===== Usando os Códigos da Linguagem de Marcação =====
 +
 +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 ​ |
 +|  direita|esquerda ​ |  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.
 +
 +===== Usando o Gerador de Tabelas =====
 +
 +O Gerador de Tabelas é fornecido pelo **plugin** [[http://​www.dokuwiki.org/​plugin:​edittable|Edittable]]
 +
 +Para acessar o Gerador de Tabelas, clique no ícone {{:​ajuda:​portal:​inserir_tabela.png?​nolink|}} "​Inserir Tabela",​ localizado na barra de ferramentas de edição da página:
 +
 +{{ :​ajuda:​portal:​inserir_tabela_toolbar.png?​nolink |}}
 +
 +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:
 +
 +{{ :​ajuda:​portal:​tabela1.png?​nolink&​ |}}
 +
 +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:
 +
 +{{:​ajuda:​portal:​column_add.png?​nolink&​ |}} Adicionar coluna
 +
 +{{:​ajuda:​portal:​column_delete.png?​nolink&​ |}} Excluir coluna
 +
 +{{:​ajuda:​portal:​row_insert.png?​nolink&​ |}} Adicionar linha
 +
 +{{:​ajuda:​portal:​row_delete.png?​nolink&​ |}} Excluir linha
 +
 +{{:​ajuda:​portal:​a_left.png?​nolink&​ |}}{{:​ajuda:​portal:​a_center.png?​nolink&​ |}}{{:​ajuda:​portal:​a_right.png?​nolink&​ |}} Para alinhar o texto: a esquerda, centralizado e direita
 +
 +{{:​ajuda:​portal:​text_heading.png?​nolink&​ |}} 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:
 +
 +{{ :​ajuda:​portal:​tabela2.png?​nolink&​ |}}
 +
 +Ao terminar, quando estiver satisfeito com a sua tabela, clique no botão **Salvar**, logo abaixo da área de edição.