Layout da tabela: cabeçalhos de seção em largura total | controle da largura da coluna | cor de fundo para linhas, colunas e campos

Frequentemente faço posts com tabelas, mas estou com falta de algumas funcionalidades que acredito serem úteis em qualquer fórum Discourse:


  1. Cabeçalhos de seção em largura total dentro da tabela:

Posso fazer algo assim:

coluna 1 | coluna 2 | coluna 3 | coluna 4

–|–|–|–

Título da seção

|
algo | outra coisa | mais coisas | bagunça

Título da seção

| olá | doce | mundo | meu

Mas os cabeçalhos de seção ficarão limitados à largura de uma coluna. Seria ótimo se eu pudesse continuar com a mesma tabela, mas ter linhas em que um item ocupa a largura total.


  1. Seria útil poder definir quão larga uma coluna deve ser em comparação com outras. Gostaria de fazer algo assim:

nome do recurso | foi implementado | na versão | disponível no desktop | limite máximo
-----|-|–|-|–
Compartilhar anexos com imagem de pré-visualização | :white_check_mark: | 12.1.0 | :cross_mark: | 25 MiB

Atualmente, todas as colunas dividem o espaço igualmente, mas quero que a primeira coluna tenha prioridade ao dividir mais largura do que temos disponível, minimizando assim as quebras de linha na primeira coluna, mesmo que, em alguns casos, outra coluna contenha mais caracteres.

Edição: dar mais largura a uma coluna talvez devesse ser interpretado como dar a ela uma largura mínima. O fórum não deve tentar compactar a coluna ainda mais, mas sim mantê-la larga e instruir o navegador a mostrar a barra de rolagem vertical se não couber.


  1. Definir cores de fundo para colunas, linhas e células sem necessidade de personalização via CSS.
    Algo como:

Colunas

coisa orçada | Empresa 1 | Empresa 2 | Empresa 3 | Empresa 4 | Empresa 5
–|–[azul claro]|–|–[azul claro]|–|–[azul claro]
Anúncios de TV | $400.000 | $120.000 | $0 | $23.000 | $308.000

Células:

Nome do recurso | App 1 | App 2 | App 3 | App 4
–|–|–|–|–
Marcar arquivos como lidos | sim [verde] | não [vermelho] | parcialmente [amarelo] | não [vermelho]

A cor de fundo da célula sobrescreve as cores da coluna e da linha.
Ainda não tenho certeza sobre as prioridades entre linha e coluna.

Não temos nenhum plano para fazer um fork da implementação de tabelas no markdown.it.

Fazer alterações no motor é extremamente delicado e provavelmente causará todo tipo de regressões. Se você precisar de markdown personalizado, precisará definir seu próprio motor markdown-it em um plugin.

2 curtidas

Para referência futura, existe um plug-in para markdown-it que suporta “células longas”.

Não procurei por plug-ins para definir a cor de fundo ou para definir a largura preferida da coluna / escala relativa da coluna.

Espero que o Markdown-it algum dia integre esse comportamento, ou talvez o Discourse algum dia considere dar suporte a isso por padrão.