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

(2 留言) (1 反應) (0 負責人)HTML (115 fork)batch import

accessibilityenhancementgood first issue

倉庫指標

Star: (741 star)
PR 合併指標: (30 天內沒有已合併 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
議題類型: 功能
難度: 2
預計時間: 1-3 小時
活動狀態: 較久未更新
清晰度: 清晰
前置要求: basic HTMLbasic CSS
新手友善度: 80