design-system icon indicating copy to clipboard operation
design-system copied to clipboard

[WIP] feat(DataGrid): Create base implementation

Open m7kvqbe1 opened this issue 11 months ago • 1 comments

Related issue

#[issueid]

Overview

Create baseline DataGrid that has feature parity with existing Table component.

Enhance to include some other additional baseline features.

Reason

Table is lacking the features required to interrogate and manipulate large data sets.

Work carried out

  • [x] Feature parity with Table component (Column sorting, Arbitrary cell content, Caption)
  • [ ] Add ability to select rows with Checkbox and All Rows (header) + callbacks
  • [ ] Focus, hover and active state styling for individual rows + callbacks
  • [ ] Solid background color as opposed to transparent
  • [ ] Consumer controlled column sizing (https://tanstack.com/table/latest/docs/guide/column-sizing)
  • [ ] ...

Screenshot

[If the work is UI related then paste a screenshot of the update here.]

Developer notes

https://github.com/Royal-Navy/design-system/issues/3730

https://github.com/Royal-Navy/design-system/issues/2657

m7kvqbe1 avatar Mar 25 '24 09:03 m7kvqbe1

Deploy Preview for storybook-navy-digital-mod-uk ready!

Name Link
Latest commit 75e167315d0e6271a83aa49830f6cbd510d15377
Latest deploy log https://app.netlify.com/sites/storybook-navy-digital-mod-uk/deploys/661fda8fe49ce40009fb6fc4
Deploy Preview https://deploy-preview-3737--storybook-navy-digital-mod-uk.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar Mar 25 '24 09:03 netlify[bot]

@jpveooys @thyhjwb6

m7kvqbe1 avatar Apr 17 '24 07:04 m7kvqbe1