design-system
design-system copied to clipboard
[WIP] feat(DataGrid): Create base implementation
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
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...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
@jpveooys @thyhjwb6
Quality Gate passed
Issues
5 New issues
0 Accepted issues
Measures
0 Security Hotspots
96.2% Coverage on New Code
0.0% Duplication on New Code