Skip to content

Generate series of .table-responsive-* classes to accomodate overflowing tables in a variety of screen sizes - #22804

Merged
mdo merged 2 commits into
twbs:v4-devfrom
pat270:table-responsive
Aug 22, 2017
Merged

mdo merged 2 commits into
twbs:v4-devfrom
pat270:table-responsive

Conversation

@pat270

@pat270 pat270 commented Jun 12, 2017

Copy link
Copy Markdown
Contributor

The old .table-responsive was nice because it helped manage unwieldy tables. This adds responsive tables at all screen sizes and at each breakpoint, .table-responsive, .table-responsive-sm, .table-responsive-md, .table-responsive-lg, and .table-responsive-xl respectively.

@pat270 pat270 changed the title enerate series of .table-responsive-* classes to accomodate overflowing tables in a variety of screen sizes Generate series of .table-responsive-* classes to accomodate overflowing tables in a variety of screen sizes Jun 12, 2017
@Johann-S Johann-S added css Sass sources or compiled CSS v4 v4, the frozen docs on gh-pages labels Jun 12, 2017
@mdo

mdo commented Jun 13, 2017

Copy link
Copy Markdown
Member

Dang, that's a rad update. Slating for Beta 2!

@mdo
mdo merged commit c1865b4 into twbs:v4-dev Aug 22, 2017
This was referenced Aug 22, 2017
@browner12

Copy link
Copy Markdown
Contributor

@pat270 nice PR. can you confirm the behavior of this feature? most of our responsive classes work by applying the state to everything above them. This ones works the opposite direction, correct?

If I say table-responsive it will only apply to XS sizes, and if I say table-responsive-xl it will apply to all sizes, correct?

Thanks!

@pat270

pat270 commented Sep 5, 2017

Copy link
Copy Markdown
Contributor Author

@browner12 It's actually the other way around. table-responsive applies to all sizes and table-responsive-xl applies to screen sizes 1199px and below.

https://github.com/twbs/bootstrap/blob/v4-dev/docs/4.0/content/tables.md#responsive-tables

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

css Sass sources or compiled CSS v4 v4, the frozen docs on gh-pages

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants