ember-table icon indicating copy to clipboard operation
ember-table copied to clipboard

Table resizing has permanent horiz scrollbar

Open Techn1x opened this issue 7 years ago • 3 comments

Occurs in my webapp, and also on the demo page. I'm using Chrome 67 http://opensource.addepar.com/ember-table/latest/docs/guides/header/size-constraints Settings: widthConstraint='eq-container' and resizeMode='fluid'

No matter how I resize the table width, there is always a horizontal scrollbar - this is due to the vertical scrollbar being present.

If I set enough vertical space, the vertical scrollbar goes away, and then the horiz scrollbar goes away as well.

untitled8

Is this a limitation with ember-table or an unintentional bug?

Techn1x avatar Jul 26 '18 22:07 Techn1x

This is an unintentional bug, it looks like we aren't accounting for the width of the scroll bar in our measurements for widthConstraint

pzuraq avatar Jul 26 '18 23:07 pzuraq

This is hitting me also, and in my case, it is causing the last th to wrap to the next line.

miketervela avatar Aug 03 '18 00:08 miketervela

This still appears to be an issue on v5.0.6 and can be seen in the documentation. #762 appears to reference the same problem, but I see similar behavior in the demos for versions 3.0+. containerWidthAdjustment was mentioned as a workaround, but setting a static adjustment for the native scrollbar is not ideal: Screenshot 2024-03-11 at 4 32 47 PM

prestoncobb avatar Mar 11 '24 21:03 prestoncobb