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

fix(components): [table] fix summary row cells on table with layout auto not aligned with data cells #14315

Merged
merged 3 commits into from
Oct 12, 2023

Conversation

FrontEndDog
Copy link
Member

@FrontEndDog FrontEndDog commented Sep 18, 2023

Please make sure these boxes are checked before submitting your PR, thank you!

  • Make sure you follow contributing guide English | (中文 | Español | Français).
  • Make sure you are merging your commits to dev branch.
  • Add some descriptions and refer to relative issues for your PR.

Description

Change the table-footer to the same structure as the table-header

Related Issue

Fixes #14306 .

Explanation of Changes

🤖 Generated by Copilot at b2c4942

  • Refactor table-footer component to use tfoot element and remove unused imports and variables (link, link, link)
  • Add table-footer component to table component template and conditionally render it based on showSummary and tableLayout props (link, link)
  • Move table-footer component inside table element in footerWrapper div and render hColgroup component to align column widths and spans (link)
  • Style tfoot element with consistent background and text color and remove unnecessary border and overflow styles from footer-wrapper element (link, link, link)

@pull-request-triage
Copy link

👋 @FrontEndDog, seems like this is your first time contribution to element-plus.

  • Please make sure that you have read our guidelines and code of conduct before making a contribution.
  • You can comment with /label Components:[component_name] to add a label for which component you are working on.
  • You may join our Discord for staying tuned.

@pull-request-triage pull-request-triage bot added 1st contribution Their very first contribution Needs Review labels Sep 18, 2023
@github-actions
Copy link

github-actions bot commented Sep 18, 2023

@github-actions
Copy link

Hello @FrontEndDog, thank you for contributing to element-plus, please see our guideline to see how to make contribution

@github-actions github-actions bot added the CommitMessage::Qualified Qualified commit message label Sep 18, 2023
@github-actions
Copy link

github-actions bot commented Sep 18, 2023

🧪 Playground Preview: https://element-plus.run/?pr=14315
Please comment the example via this playground if needed.

Copy link
Member

@tolking tolking left a comment

Choose a reason for hiding this comment

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

close #9977, fix #9957

@tolking tolking merged commit b823348 into element-plus:dev Oct 12, 2023
10 checks passed
@element-bot element-bot mentioned this pull request Oct 13, 2023
3 tasks
cc-hearts pushed a commit to cc-hearts/element-plus that referenced this pull request Oct 15, 2023
…uto not aligned with data cells (element-plus#14315)

fix(components): [table] fix summary row cells not aligned
consultation-applio pushed a commit to consultation-applio/element-plus that referenced this pull request Nov 10, 2023
…uto not aligned with data cells (element-plus#14315)

fix(components): [table] fix summary row cells not aligned
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Component] [table] Summary row cells on table with layout auto not aligned with data cells
2 participants