welcome: please sign in
location: AjudaComTabelas

Formatação da Tabela

Para criar uma tabela, comece e termine uma linha utilizando um marcador de tabela "||". Entre estes marcadores de início e de fim, pode criar as células que quiser, separando-as com "||". Para obter uma célula centrada que ocupa várias colunas, pode iniciar essas célula com mais do que um marcador de célula. As linhas adjacentes do mesmo nível de avanço que contenham a formatação de tabela, serão agrupadas numa tabela.

Para mais informações sobre a formatação possível, consulte o tópico AjudaNaEdição.

Atributos da Tabela

Para além da opção de repetir os marcadores de células que ocupam várias colunas, pode definir directamente vários atributos de HTML de tabelas. Todos os atributos têm de ser inseridos entre os sinais de menor e maior <...> imediatamente depois do marcador de célula.

A formatação à wiki tem as seguintes opções:

As opções de estilo é tudo o que precisa para definir o estilo das tabelas. Basta utilizar o estilo CSS formatado aí e será inserido na tag de HTML gerada. Como alternativa, o administrador e o utilizador (o administrador através do ficheiro do tema o utilizador através das UserPreferences podem acrescentar as suas definições ao CSS do moin, para que os utilizadores se possam referir a elas utilizando class e id. Pode utilizar várias opções simultaneamente, escrevendo-as uma a seguir à outra dentro dos mesmos sinais de menor e maior (ex: <tablestyle="..." rowstyle="..."> na primeira célula, para definir o estilo de toda a tabela e da primeira linha).

Suportamos ainda a formatação antiga da tabela. Crie o efeito anexando valores adicionais ao parâmetro style:

Se utilizar várias opções conflituosas como <(:)>, a última opção ganha. Não existe nenhum opção explícita para centrar verticalmnte (middle), uma vez que essa é sempre a opção por omissão.

Exemplo

 NOVO ESTILO: Apresentação geral da tabela e opções do tipo HTML::
 ||||||<tablestyle="width: 80%">'''Cabeçalho'''||
 ||célula 1||célula 2||célula 3||
 ||<rowspan=2> linhas unidas||||<style="background-color: #E0E0FF;"> 2 colunas unidas||
 ||<rowstyle="background-color: #FFFFE0;">célula 2||célula 3||
 Largura da célula::
 || estreita ||<style="width: 99%; text-align: center;"> larga ||
 Unir linhas e colunas::
 ||<|2> 2 linhas || linha 1 ||
 || linha 2 ||
 ||<-2> linha 3 ocupa 2 colunas ||
 Alinhamento::
 ||<style="text-align: left;">esquerda ||<style="vertical-align: top; text-align: center;"|3> topo ||<style="vertical-align: bottom;"|3> fundo ||
 ||<style="text-align: center;"> centro ||
 ||<style="text-align: right;"> direita ||
 Fontes::
 || normal ||<style="font-weight: bold;"> negrito ||<style="color: #FF0000;"> vermelho ||<style="color: #FF0000; font-weight: bold;"> vermelho negrito ||
 Cores::
 ||<style="background-color: red;"> vermelho ||<style="background-color: green;"> verde ||<style="background-color: blue;"> azul ||

 ESTILO ANTIGO: Apresentação geral da tabela e opções do tipo HTML::
 ||||||<tablewidth="80%">'''Cabeçalho'''||
 ||célula 1||célula 2||célula 3||
 ||<rowspan=2> linhas unidas||||<bgcolor="#E0E0FF"> 2 colunas unidas||
 ||<rowbgcolor="#FFFFE0">célula 2||célula 3||
 Largura da célula::
 || estreita ||<:99%> larga ||
 Unir linhas e colunas::
 ||<|2> 2 linhas || linha 1 ||
 || linha 2 ||
 ||<-2> linha 3 ocupa 2 colunas ||
 Alinhamento::
 ||<(> esquerda ||<^|3> topo ||<v|3> fundo ||
 ||<:> centro ||
 ||<)> direita ||
 Cores::
 ||<#FF8080> vermelho ||<#80FF80> verde ||<#8080FF> azul ||
 Quebras de linha nas células::
 || linha 1<<BR>>linha 2||

Exibição

NOVO ESTILO: Apresentação geral da tabela e opções do tipo HTML
  • Cabeçalho

    célula 1

    célula 2

    célula 3

    linhas unidas

    2 colunas unidas

    célula 2

    célula 3

  • Largura da célula
  • estreita

    larga

  • Unir linhas e colunas
  • 2 linhas

    linha 1

    linha 2

    linha 3 ocupa 2 colunas

  • Alinhamento
  • esquerda

    topo

    fundo

    centro

    direita

  • Fontes
  • normal

    negrito

    vermelho

    vermelho negrito

  • Cores
  • vermelho

    verde

    azul

  • ESTILO ANTIGO: Apresentação geral da tabela e opções do tipo HTML
  • Cabeçalho

    célula 1

    célula 2

    célula 3

    linhas unidas

    2 colunas unidas

    célula 2

    célula 3

  • Largura da célula
  • estreita

    larga

  • Unir linhas e colunas
  • 2 linhas

    linha 1

    linha 2

    linha 3 ocupa 2 colunas

  • Alinhamento
  • esquerda

    topo

    fundo

    centro

    direita

  • Cores
  • vermelho

    verde

    azul

  • Quebras de linha nas células
  • linha 1
    linha 2

  • Inserir dados de tabela de outras fontes

    Listas com marcas e outro conteúdo complexo dentro de células

    [ATTACH]