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