govau/design-system-components

Table - add tfoot example and styling

Open

#772 aberto em 21 de mai. de 2019

Ver no GitHub
 (2 comments) (1 reaction) (0 assignees)HTML (115 forks)batch import
accessibilityenhancementgood first issue

Métricas do repositório

Stars
 (741 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

Example tables seem well-suited to inclusion of a tfoot element and associated styling, along with an example of a cell spanning multiple columns.

...
<tfoot class="au-table__footer">
  <tr class="au-table__row">
    <td class="au-table__cell">Total</td>
    <td class="au-table__cell au-table__cell--numeric">23,937,000‬</td>
    <td class="au-table__cell" colspan="2"></td>
  </tr>
</tfoot>
...

Guia do colaborador

Direção de pesquisa
A issue solicita a adição de um exemplo de elemento tfoot e estilização associada ao componente de tabela do design system. Examine os exemplos e estilos de tabela existentes no repositório, provavelmente em arquivos como 'packages/table/...' ou similares. Adicione uma linha tfoot com uma célula 'Total' e uma célula que abranja múltiplas colunas usando colspan, seguindo o padrão das classes au existentes. Certifique se de que a estilização do rodapé seja consistente com o design system. Verifique se há testes ou documentação existentes para atualizar.
Pilha de tecnologia
htmlcss
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
basic HTMLbasic CSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80