De kk2011

PmWikiPtBr: Tabelas

autores (básico)

Básico sobre tabelas

Pm Wiki tem dois ipos de marcação para tabelas; a marcação descrita nesta página é útil para criar tabelas com muitas células pequenas, enquanto que as marcações de diretivas de tabelas são indicadas para tabelas maiores. Para maiores possibilidades na formatação de tabelas, veja formatação de tabelas.

As taberlas são criadas com o uso de barras verticais duplas: ||. As linhas que começam com essa marcação, denotam filas ou linhas de tabela; as barras verticais duplas delimitam a fila de ceĺulas dentro da tabela. Nos exemploas abaixo , uma borda oi adicionada para efeito de ilustração (o padrão é não aperesentar as bordas).

|| border=1
|| célula 1  ||  célula 2 ||  célula 3
||
|| célula 1  ||  célula 2 ||  célula 3
||
|| célula 1  ||  célula 2 ||  célula 3
||

Cabeçalho de tabela (table header) pode ser criado colocando ! como o primeiro caractere de uma célula. Note que a marcação é a mesma para cabeçalho/título de página, mas não se comportam da mesma maneira em uma tabela e então usar !! ou !!! em uma tabela não resultará no que é aparentemente esperado.

|| border=1
||! célula 1 ||! célula 2 ||! célula 3
||
|| célula 1  ||  célula 2 ||  célula 3
||

As tabelas podem ter uma legenda, utlizando a marcação ||!legenda!||. A legenda deve aparecer antes de qualquer fila de células em uma tabela.

|| border=1
||! Uma tabela especial !||
||! célula 1 ||! célula 2 ||! célula 3
||
|| célula 1  ||  célula 2 ||  célula 3
||

formatando conteúdo de células

O conteúdo das células de uma tabela podem ser alinhadas à esquerda, direita, ou centralizadas.

• Para alinhar à esquerda, coloque o conteúdo das células próximas a ||. vertical da esquerda.
• Para centralizar o conteúdo de uma célula, coloque espaços antes e depois do conteúdo.
• Para alinhar à direita, coloque um espaço antesdo coneúdo da célula e deixe o conteúdo próximo as || da direita.

|| border=1 width=100%
||!cell 1      ||! cell 2  ||!       cell 3||
||Alinhado à esquerda || centralizado || alinhado à direita||

|| border=1 width=100%
||!padrão||!esquerda ||
||alinhamento-padrão||alinhado à esquerda ||

Observe que cabeçalho e células tem alinhamento padrão diferente.

Para suprimir colunas em uma tabela, acrescente células vazias às células com centeúdo. (Nao existem marcas para suprimir colunas de tabelas.)

|| border=1 width=100%
|| |||| coluna à direita ||
|| || coluna do meio ||||
|| coluna à esquerda ||||||
|| coluna à esquerda || coluna do meio || coluna à direita ||

Atributos de tabela

Toda a linha que for iniciada com ||, mas que não possui mais um par de || que a feche, configura atributos de rabela para quaiquer tabelas seguintes. Estes atributos controlam o tamanho e posição de uma tabela , assim como bordas, cor de fundo e espaçameno entre as células. (Estes atributos são os mesmos atributos padrões para uma tabela em HTML; colocados dentro de uma "tag" <table>)

Use o atributo width= para definir o tamanho de uma tabela, usando valores em porcentagem, absolutos, ou *.

|| border=1 width=100% 
|| célula 1 || célula 2 || célula 3 ||
|| célula 1 || célula 2 || célula 3 ||

Use o atributo border= para definir o tamanho de umaborda de tabela.

|| border=10 width=70%
||!célula 1      ||! célula 2  ||!   
célula 3||
||alinhado à esquerda || centralizado ||
alinhado à direita||

|| border=0 width=70%
||!célula 1      ||! célula 2  ||!     
célula 3||
||alinhado à esquerda || centralizado ||
alinhado à direita||

Use align=center, align=left, and align=right em uma tabela, para centralizar, alinhar à esquerda ou alinhar à direita. Observe que align=left e align=right criam uma tabela solta e o texto envolve ou se alinha com a tabela.

|| border=1 align=center width=70%
||!célula 1      ||! célula 2  ||!      
célula 3||
||alinhado à esquerda || centralizado ||
alinhado à direita||
Observe como o texto não se alinha com a
tabela usando "align=center".

|| border=1 align=left width=70%
||!célula 1      ||! célula 2  ||!      
célula 3||
||alinhado à esquerda || centralizado ||
alinhado à direita||
Observe como o teto se alinha à direita
da tabela usando "align=left".

|| border=1 align=right width=70%
||!célula 1      ||! célula 2  ||!      
célula 3||
||alinhado à esquerda || centralizado ||
alinhado à direita||
Observe como o teto se alinha à esquerda
da tabela usando "align=right".

Nota: Para alinhar a tabela à esquerda e não deiar a tabela solta ou "floated" à esquerda, é necessário o uso de CSS

O atributo bgcolor= define a cor de fundo de uma tabela. No momento não existe maneira de especificar a cor de filas de células pu éluals individuais para este tipo de marcação, mas veja o uso de diretivas de tabela em Cookbook:FormattingTables.

|| border=1 align=center bgcolor=yellow
width=70%
||!célula 1      ||! célula 2  ||!      
célula 3||
||alinhado à esquerda || centralizado ||
alinhado à direita||

Outros examplos

%define=sp padding-right:1em font-weight:bold%
|| border=1
|| [++Calendário de Eventos++] ||||||||||
|| '''Maio 2005''' || '''Junho 2005''' || '''Julho 2005''' || '''Agosto
2005''' || '''Setembro 2005''' ||
||%sp%'''10'''%%6:30 - 8:30 Reunião importante\\\
%sp%'''17'''%%7:00 - 8:30 Reunião muito importante\\\
%sp%'''24'''%%7:00 - 8:30 Reunião mais importante ainda|| || || || ||
|| '''Outubro 2005''' || '''Novembro 2005''' || '''Dezembro 2005''' ||
'''Janeiro 2006''' || '''Fevereiro 2006''' ||
|| || || || || ||

<< Uploads | Documentação | Diretivas de Tabelas >>

|| border=1 rules=rows frame=hsides
|| célula 1  ||  célula 2 ||  célula 3
||
|| célula 1  ||  célula 2 ||  célula 3
||

|| border=1 rules=cols frame=vsides
||! célula 1  ||!  célula 2 ||!  célula
3 ||
|| célula 1  ||  célula 2 ||  célula 3
||