Table - add tfoot example and styling · govau/design-system-components#772 | Good First Issue

(2 comments) (1 reaction) (0 assignees)HTML (115 forks)batch import

accessibilityenhancementgood first issue

Repository metrics

Stars: (741 stars)
PR merge metrics: (30d に merged PR はありません)

説明

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

コントリビューターガイド

調査方針: この課題は、デザインシステムのテーブルコンポーネントに tfoot 要素の例と関連するスタイルを追加することを要求しています。リポジトリ内の既存のテーブル例とスタイルを確認してください。おそらく 'packages/table/...' などのファイルにあります。'合計' セルを含む tfoot 行を追加し、colspan を使用して複数列にまたがるセルを作成し、既存の au クラスのパターンに従ってください。フッターのスタイルがデザインシステムと一貫していることを確認してください。更新が必要な既存のテストやドキュメントがあるか確認してください。
技術スタック: htmlcss
領域: frontend
Issue 種別: 機能
難度: 2
推定時間: 1-3時間
活動状況: 古い
明確さ: 明確
前提条件: basic HTMLbasic CSS
初心者向け度: 80