Headers aren't aligned with columns with fixed_rows #777

Activity

1. chriddyp

   added

   bug

   on May 9, 2020
2. chriddyp commented on May 9, 2020

   

   chriddyp

   on May 9, 2020

   Last edited by chriddyp

   MemberAuthor

   More actions

   As per the community member, this is indeed a regression:

   Indeed the bug is exclusive to Dash 1.12. Ran the same code with Dash 1.11 and the format looks correct:

   

   So, we'll need to fix this in a patch release @Marc-Andre-Rivet @plotly/dash-core
3. chriddyp commented on May 14, 2020

   

   chriddyp

   on May 14, 2020

   MemberAuthor

   More actions

   I see this in the dash-docs Percy images too
   
4. michaelbabyn commented on May 14, 2020

   

   michaelbabyn

   on May 14, 2020

   More actions

   Another issue that came up in 1.12.0 was that when there are a lot of columns and horizontal scrolling is necessary the data cells scroll but the headers don't.

   import dash
   import dash_table
   import pandas as pd
   
   df = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/master/solar.csv')
   
   app = dash.Dash(__name__)
   
   app.layout = dash_table.DataTable(
       columns=[{"name": i, "id": i} for i in list(df.columns) * 3],
       data=df.to_dict('records'),
       fixed_rows={'headers': True},
       style_cell={'minWidth': '180px', 'width': '180px', 'maxWidth': '180px'},
   )
   
   if __name__ == '__main__':
       app.run_server(debug=True, port=8022)

   
5. adrianoesch commented on May 19, 2020

   

   adrianoesch

   on May 19, 2020

   More actions

   ran into the same issue (header not aligned). a simple window.dispatchEvent(new Event('resize')); does the trick for me.
6. michaelbabyn commented on May 29, 2020

   

   michaelbabyn

   on May 29, 2020

   Last edited by michaelbabyn

   More actions

   Note @plotly/dash , as of today this bug is affecting a Dash Enterprise customer They have currently switched to 1.10 to workaround this issue
7. Marc-Andre-Rivet

   self-assigned this

   on Jun 11, 2020
8. Marc-Andre-Rivet

   added

   size: 2

   on Jun 12, 2020
9. Marc-Andre-Rivet

   closed this as completedin #793on Jun 17, 2020