govau/design-system-components

Table - add tfoot example and styling

Open

#772 aperta il 21 mag 2019

Vedi su GitHub
 (2 commenti) (1 reazione) (0 assegnatari)HTML (115 fork)batch import
accessibilityenhancementgood first issue

Metriche repository

Star
 (741 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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>
...

Guida contributor

Direzione di ricerca
La richiesta chiede di aggiungere un esempio di elemento tfoot e lo stile associato al componente tabella del design system. Esamina gli esempi e gli stili di tabella esistenti nel repository, probabilmente in file come 'packages/table/...' o simili. Aggiungi una riga tfoot con una cella 'Totale' e una cella che si estende su più colonne utilizzando colspan, seguendo il pattern delle classi au esistenti. Assicurati che lo stile del piè di pagina sia coerente con il design system. Controlla se ci sono test o documentazione esistenti da aggiornare.
Tech stack
htmlcss
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
basic HTMLbasic CSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80