Tabelas - SPURB/participe GitHub Wiki

Para usar o componente Tabela, é necessário registrá-lo:

<script>
import Tabela from '@/components/Tabela'

export default {
    data () {
        return {
            conteudo: { ... }
        }
    }
    components: {
        Tabela
    }
}
</script>
<Tabela :dados="conteudo"></Tabela>

O objeto que contém as informações da tabela deve ser escrito em JSON na seguinte estrutura:

nome_do_objeto: {
    titulo: '', // título da tabela
    colunas: [ // array de objetos com os nomes das colunas
        { titulo: 'Coluna 1' },
        { titulo: 'Coluna 2' },
        ...
    ],
    linhas: [ // array de arrays com os conteúdos de cada linha (células)
        [ // primeira linha
            // cada célula de determinada linha é definida por um array que contém dois objetos:
            // 'data' é o conteúdo da célula em si e 'ref' é o conteúdo da nota de rodapé
            [ { data: 'Conteúdo da célula' }, { ref: 'Nota de rodapé da célula' } ],
            ...
        ],
    ],
    fonte: '',
    tabelaListrada: true/false // se true, o componente gerará uma tabela listrada
}

Por exemplo, o seguinte objeto gera uma tabela como na imagem seguinte:

conteudo: {
    titulo: 'Tabela 2A',
    colunas: [
        { titulo: 'Item' },
        { titulo: 'Descrição' },
        { titulo: 'Incidência' },
        { titulo: 'Pontos' }
    ],
    linhas: [
        [
            [ { data: '1' }, { ref: 'Aplicam-se a legislação pertinente e as normas técnicas brasileiras – ABNT em vigor.' } ],
            [ { data: 'Baixa disponibilidade do serviço por localidade (item 10.5).' }, { ref: 'Aplicam-se a legislação pertinente e as normas técnicas em vigor, sendo que o Executivo poderá estabelecer parâmetros mais restritivos de radiação eletromagnética não ionizante.' } ],
            [ { data: 'Por ocorrência' }, { ref: 'No caso dos aeroportos aplica-se o nível de ruído conforme norma técnica específica.' } ],
            [ { data: 'Consultar TABELA 2a' }, { ref: 'Poderão incidir parâmetros especiais e mais restritivos nos termos §2º do artigo 113 desta lei.' } ]
        ],
        [
            [ { data: '2' }, { ref: 'Aplicam-se a legislação pertinente e as normas técnicas brasileiras – ABNT em vigor.' } ],
            [ { data: 'Baixo índice de desempenho de internet (“IS”) por localidade (item 10.6.2.2).' } ],
            [ { data: 'Por ocorrência' }, { ref: 'Quando necessário a CETESB recomenda instalar e operar sistema de controle de poluição do ar baseado na melhor tecnologia.' } ],
            [ { data: 'Consultar TABELA 2b' }, { ref: 'Para atividade de local de culto, nos feriados, sábados a partir das 14h e nos domingos, os parâmetros relativos a ruídos referentes ao período das 7h às 19h passam a valer também para os períodos das 6h às 7h e das 19h às 22h, permanecendo inalterados os parâmetros referentes ao período das 7h às 19h e das 22h às 7h.' } ]
        ]
    ],
    fonte: 'SPUrbanismo, 2018',
    tabelaListrada: false
}

Tabela

⚠️ **GitHub.com Fallback** ⚠️