Table UI: Columns miss-align with header on columns toggle

Tradeshift / tradeshift-ui

Tradeshift UI is a framework-agnostic JavaScript library to help Tradeshift App developers to create cohesive user experiences and to provide reusable UI components.

https://ui.tradeshift.com

Other

33 stars 44 forks source link

Table UI: Columns miss-align with header on columns toggle #366

Open ghost opened 7 years ago

ghost commented 7 years ago

Bug report

Tradeshift UI version affected

v9.1.1

Expected Behavior

Display columns correctly align with table headers

Actual Behavior

Columns miss align.

Steps to reproduce

Apply the table ui component with enough number of columns to display horizontal scroll. Scroll to the right end of the table. Hide 1-2 columns

Screenshots (optional)

out

wiredearp commented 7 years ago

@ciprianpratiats I was not able to recreate this bug so easily in neither Chrome nor Firefox, since my experimental Table would both align headers with content and restore the scroll position whenever some column visible property was toggled. It would help if you could post a simplified test case with the the approximate configuration for your Table in question.

ghost commented 6 years ago

Sorry for the delayed response, right now the problem is reproducing on DocumentManagement load: table header alignement problem

wiredearp commented 6 years ago

@ciprianpratiats This time it's actually a new bug (https://github.com/Tradeshift/tradeshift-ui/issues/374) and it will be fixed in the next release, although I am not completely sure when that is.