# Fixed columns datatable

**URL:** <https://community.plotly.com/t/fixed-columns-datatable/38403>\
**Category:** Dash Python\
**Created:** [April 25, 2020, 7:31pm UTC](https://community.plotly.com/t/fixed-columns-datatable/38403 "2020-04-25T19:31:18Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![MicSto](https://avatars.discourse-cdn.com/v4/letter/m/ed8c4c/32.png) [@MicSto](https://community.plotly.com/u/MicSto)\
**Post date:** [April 25, 2020, 7:31pm UTC](https://community.plotly.com/t/fixed-columns-datatable/38403/1 "2020-04-25T19:31:18Z")

</div>

Hi,  
I am facing a problem with the Dash Datatable and the fixed column option. I fixed two colums and it seems that those two columns now build their “own datatable”. (maybe you recognize the small offset)  
I can now put the “two” tables on different vertical levels. However, scrolling horizontally works as intended. I am just able to set them to different vertical levels.

I appreciate any help to fix this. Actually, if I scroll vertically _every_ column should be affected, shouldn’t?

 ![Screenshot 2020-04-25 at 21.13.15](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/7/737dc5622d08442fab9514314f5763b763a1127b.png)

---

<div class="post-metadata">

**Author:** ![MicSto](https://avatars.discourse-cdn.com/v4/letter/m/ed8c4c/32.png) [@MicSto](https://community.plotly.com/u/MicSto)\
**Post date:** [April 25, 2020, 7:35pm UTC](https://community.plotly.com/t/fixed-columns-datatable/38403/2 "2020-04-25T19:35:14Z")

</div>

```auto
html.Div(children=[dash_table.DataTable(
				id='table',
				columns=[{"name": i, "id": i} for i in study_df.columns],
				fixed_columns={'headers': True, 'data': 2},
				data=study_df.to_dict('records'),
				style_cell={"fontFamily": "Arial", "size": 10, 'textAlign': 'left'},
				style_header={
					'backgroundColor': 'rgb(230, 230, 230)',
					'fontWeight': 'bold'
				},
				style_table={'maxHeight': '800px', 'maxWidth': '900px'},
				#style_data_conditional=conditional_list,
				row_selectable='multi'
		),
			html.A(id='download-marked-sheets-zip', children='Download marked study sheets', className='button')])

```

This is my code