Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat: Table footer in eds-core-react & eds-data-grid-react #3624

Merged

Conversation

zulu-eq-bouvet
Copy link
Contributor

@zulu-eq-bouvet zulu-eq-bouvet commented Sep 11, 2024

What does this pull request change?

feat: add Table footer component to eds-core-react

  • Implemented the Table footer component with optional sticky property for a fixed footer.
  • Updated Table.docs.mdx to include documentation for the Table footer.
  • Added Table footer to the storybook to showcase various use cases.
  • Updated test suites to cover edge cases and ensure proper functionality of the Table footer.

feat: add Table Footer component to eds-data-grid-react

  • Added the possibility to show a footer in the data grid.
  • Enabled the option to make the footer fixed.
  • Added footerClass and footerStyle as component props for custom styling.
  • Updated docs and stories to include the new footer functionality.
  • Updated test suites to cover edge cases and ensure proper functionality of the Table Footer.

chore: extract Resizer and TableCell components

  • Resizer is now a separate module to enhance reusability and scalability.
  • Renamed Cell to TableCell and moved it to a separate module for better reusability and scalability.

Why is this pull request needed?

This pull request adds support for displaying the table footer in both eds-core-react and eds-data-grid-react. Additionally, it introduces a property that allows the footer to be fixed aka sticky.

Note: We do not have a design for the Table footer component, so it currently inherits header cell token values. This can be modified in a future update.

- Implemented the Table footer component with optional sticky property for a fixed footer.
- Updated `Table.docs.mdx` to include documentation for the Table footer.
- Added Table footer to the storybook to showcase various use cases.
- Updated test suites to cover edge cases and ensure proper functionality of the Table footer.
feat(eds-data-grid): add Table Footer component

- Added the possibility to show a footer in the data grid.
- Enabled the option to make the footer fixed.
- Added `footerClass` and `footerStyle` as component props for custom styling.
- Updated docs and stories to include the new footer functionality.
- Updated test suites to cover edge cases and ensure proper functionality of the Table Footer.

chore: extract Resizer and TableCell components

-`Resizer` is now a separate module to enhance reusability and scalability.
- Renamed `Cell` to `TableCell` and moved it to a separate module for better reusability and scalability.
@zulu-eq-bouvet zulu-eq-bouvet changed the title Feat: Table footer in eds-core-react & eds-data-grid Feat: Table footer in eds-core-react & eds-data-grid-react Sep 11, 2024
Copy link
Collaborator

@oddvernes oddvernes left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks all good to me, will wait for feedback from @yusijs as well 👍

Copy link
Contributor

@yusijs yusijs left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I forgot to approve when I looked earlier :D But lgtm as well!

@oddvernes oddvernes merged commit 5f8015c into equinor:develop Sep 12, 2024
4 of 6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants