Implement OnyxDataGrid Hide & Reveal Columns feature

[mj-hof]

Why?

We want to offer the possibility to the DataGrid user to individualize their table view by hiding and revealing columns as a personalization feature

Open questions / TODOs

Depends on

Design

Figma

Acceptance criteria

Implementation details

<-- Add technical details / implementation proposals if necessary, e.g.:

• API proposal
• relevant web APIs
• learnings from other implementations
• code snippets
  -->

Reference implementations

Applicable ARIA Pattern

Definition of Done

• The following component requirements are implemented:

  • skeleton
  • density
  • example usage added to apps/demo-app/src/views/HomeView.vue

• Should be covered by tests:

  • functional tests (Playwright or unit test)
  • visual tests (Playwright screenshots)

• Make sure, that

  • follow-up tickets were created if necessary
  • updated version + documentation is deployed
  • Storybook can show the feature
  • Storybook code snippet of new/changed examples are checked that they are generated correctly
  • Namings are aligned with Figma

Approval

Storybook
Documentation

• Checked and approved by
  • designer
  • dev