Skip to content

Add table component (React + Angular) #47

Description

@sjoerdbeentjes

Part of #43 — add the table component to both component libraries in parity.

Frame(s): A
shadcn: @shadcn/table · Spartan UI: https://www.spartan.ng/components/table

What

Apps table. The Data Table = the Table primitive + TanStack Table composed in code (sorting/filtering/selection/pagination). React: @tanstack/react-table. Angular: @tanstack/angular-table (createAngularTable). Spartan's "data-table" docs page is this same hand-composed pattern, not a separate component.

How

  • React (@surfnet/react): vendor via the shadcn CLI (Base UI style), one directory per component under src/components/ui/table/.
  • Angular (@surfnet/angular): vendor via the Spartan CLI (ng g @spartan-ng/cli:ui table).
  • Follow the repo add-component skill for the exact per-framework flow.

Definition of done

  • Vendored via the framework CLI in both packages (no hand-written primitives)
  • Exported from each package entry (src/index.ts / src/public-api.ts)
  • Storybook story covering variants/sizes/states (React → 6006, Angular → 6007)
  • pnpm build, pnpm lint, pnpm format pass
  • Changeset added if a publishable package changed

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions