Web e codificação · 5 min de leitura
Markdown tabelas: gere-as em vez de contar tubos
Uma tabela de remarcação é uma grade de células escritas com barras verticais e travessões, e é a única parte da remarcação que é genuinamente desagradável de escrever à mão. Contar tubos, manter a linha delimitadora com a mesma largura do cabeçalho e escapar de um tubo que aparece dentro de uma célula competem por atenção. A geração da tabela elimina todos os três problemas de uma vez.
Atualizado
A sintaxe, em um exemplo
| Tool | Input | Offline |
| :------------ | :---------: | ------: |
| YAML to JSON | YAML | yes |
| JWT decoder | JWT | yes |
A primeira linha é o cabeçalho, a segunda é a linha delimitadora e tudo o que vem depois são dados. Os dois pontos na linha delimitadora definem o alinhamento: `:---` esquerda, `:---:` centro, `---:` direita. GitHub e a maioria dos renderizadores aceitam tubos iniciais e finais como opcionais, mas incluí-los mantém o texto bruto legível em um editor.
As três coisas que quebram mesas
- Um tubo dentro de uma célula — escape dele como `\|`, ou a linha será dividida em uma coluna a mais.
- Uma linha delimitadora com o número errado de colunas — o cabeçalho muda e a tabela fica desalinhada.
- Uma linha em branco dentro da tabela — o renderizador a trata como o final da tabela e imprime o restante como texto.
O escape é mais importante para código e expressões regulares em células: `a|b` e `\bfoo\b` precisam de atenção antes de poderem viver felizes dentro de uma mesa.
Obtendo dados de uma planilha
O fluxo de trabalho natural é colar uma seleção de uma planilha ou uma exportação CSV e deixar o gerador fazer a cotação e o alinhamento. Isso é mais rápido e menos sujeito a erros do que digitar linhas e também lida com casos enfadonhos – larguras de coluna variáveis, números que devem ser alinhados à direita, células que contêm vírgulas. Corte as colunas vazias antes de colar para evitar uma tabela com colunas fantasmas que são renderizadas como lacunas.
Quando não usar uma mesa
As tabelas são para comparações: matrizes de recursos, referências de sinalizadores, listas de compatibilidade, variáveis de ambiente. Eles são ruins para prosa, ruins para descrições longas e dolorosos em telas estreitas porque o markdown não tem comportamento responsivo - o renderizador rola horizontalmente ou comprime as colunas em fatias ilegíveis. Se uma célula precisar de um parágrafo, use uma lista de definições, um título por entrada ou uma lista com marcadores. Uma tabela que ninguém consegue ler no telefone é pior do que a lista que ela substituiu.
Gere e cole em qualquer lugar
A saída é uma marcação simples, então ela vai direto para um README, uma descrição de pull request, uma página wiki, um ticket do Jira ou um comentário. O gerador de tabela markdown YamlBox é executado no navegador, alinha colunas para você, escapa de pipes e continua trabalhando off-line — para que você possa colar dados internos sem publicá-los em qualquer lugar.
Markdown Gerador de Tabela — perguntas frequentes
Como coloco uma barra vertical dentro de uma célula da tabela de redução?
Escape com uma barra invertida — `\|` — caso contrário o renderizador a tratará como o fim da célula. Os geradores cuidam disso automaticamente, que é o principal motivo para construir tabelas com uma ferramenta e não manualmente.
Como faço para alinhar uma coluna no markdown?
Use dois pontos na linha delimitadora: `:---` para esquerda, `:---:` para centro e `---:` para direita. O alinhamento se aplica a toda a coluna, portanto, alinhe as colunas numéricas à direita e o texto à esquerda para obter o resultado mais legível.
Por que minha tabela de descontos não está sendo renderizada?
Verifique três coisas: a linha delimitadora tem exatamente tantas colunas quanto o cabeçalho, não há nenhuma linha em branco dentro da tabela e a linha do cabeçalho precede diretamente a linha delimitadora. Qualquer um desses três interromperá a renderização na redução com sabor de GitHub.
Ferramentas mencionadas nesta postagem
Mais artigos para ler
5 min de leitura
CSV a JSON: da planilha aos dados estruturados
Converta CSV em JSON no navegador — linhas de cabeçalho, delimitadores, regras de cotação e manipulação de tipos explicadas, com as exportações de planilhas que quebram os analisadores.
5 min de leitura
JSON a CSV: nivelando dados aninhados sem perder o significado
Converta JSON em CSV com objetos aninhados achatados em colunas, cabeçalhos consistentes e citações seguras do Excel — e saiba quais formas não devem ser achatadas.
5 min de leitura
SRT a VTT: legendas que o navegador irá realmente carregar
Converta SRT em VTT para players de vídeo HTML5 — formato de timecode, estilo e configurações de cue explicados, com as notas de acessibilidade importantes.