Skip to content

Conversation

@mdo
Copy link
Member

@mdo mdo commented Feb 25, 2022

Use the new .table-group-divider to create your own dividers as desired. Would love to find a better way to handle border-color for this, but for now, this is at least opt-in.

I've applied it by default in another way for our docs tables to help differentiate our content vs our components.

Fixes #35342.


Also you'll notice the new calc() function, which is in preparation for more CSS vars here.

@mdo mdo requested a review from a team as a code owner February 25, 2022 21:59
Copy link
Member

@ffoodd ffoodd left a comment

Choose a reason for hiding this comment

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

Works great. I think it needs some highlight for the release, since existing tables will loose their current dividers and need to "opt-in back" with .table-group-divider.

mdo added 2 commits February 28, 2022 11:12
Use the new .table-group-divider to create your own dividers as desired. Would love to find a better way to handle border-color for this, but for now, this is at least opt-in.

I've applied it by default in another way for our docs tables to help differentiate our content vs our components.

Fixes #35342
@mdo
Copy link
Member Author

mdo commented Feb 28, 2022

Adding the release-highlight label and added it to the migration guide.

@mdo mdo force-pushed the table-group-divider branch from 163cead to e997882 Compare February 28, 2022 19:15
@mdo mdo merged commit e35980d into main Feb 28, 2022
@mdo mdo deleted the table-group-divider branch February 28, 2022 19:21
@ffoodd ffoodd mentioned this pull request Mar 30, 2022
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Option to remove the thick bottom border from thead and top border from tfoot in table element

3 participants