Skip to content
GitLab
Closed
Issue created by Administrator@rootContributor

.table-responsive not expanding to its parent

Created by: dumb

I apologize for dragging a closed issue (#18612 (closed)) back into the light, but I'm not sure the responsive table is behaving as it should.

As of v4.0.0-alpha.6, the problem seems to remain:

  • tables with the .table class are 100% of the width of their parent
  • tables with .table + .table-responsive are only as wide as their content
  • tables with the class .table that are also wrapped with <div class="table-responsive"> are %100 of the width of their parent

Here's a fiddle:

https://jsfiddle.net/45tbox4f/

Example 2 and 3 are both scroll horizontally, but the non-wrapped table doesn't expand to its parent as @aimeos pointed out. I believe the example in the docs appears to work because its content is already quite wide(?)

(Tested on the latest Safari, Chrome OSX, FF OSX, Chrome Win and FF Win)

Please feel free to berate me if I got this wrong!