# Data-table fixed scroll issue

**URL:** <https://community.plotly.com/t/data-table-fixed-scroll-issue/50415>\
**Category:** Dash Python\
**Created:** [February 24, 2021, 11:52pm UTC](https://community.plotly.com/t/data-table-fixed-scroll-issue/50415 "2021-02-24T23:52:44Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![romarcin](https://avatars.discourse-cdn.com/v4/letter/r/7ab992/32.png) [@romarcin](https://community.plotly.com/u/romarcin)\
**Post date:** [February 24, 2021, 11:52pm UTC](https://community.plotly.com/t/data-table-fixed-scroll-issue/50415/1 "2021-02-24T23:52:44Z")

</div>

Hello Dash,

I implemented a data-table with horizontal scroll via fixed columns. The scroll works well, however, whenever I try to enter data into the cells the scroll automatically shifts to the right and the datatable shifts right making it very awkward to enter data.  
Am I missing something?

```auto
 html.Div([dash_table.DataTable(
                id='editing-columns',
                columns=[{
                    'name': 'Parameter',
                    'id': 'column1',
                    'deletable': True,
                    'renamable': False
        }],
                style_cell_conditional=[
                    {'if': {'column_id': 'column1'},
                     'width': '180'}],
                fixed_columns={'headers': True, 'data': 1},
                style_table={'minWidth': '100%'},
                style_cell={
                    # all three widths are needed
                    'minWidth': '80px', 'width': '80px', 'maxWidth': '200px',
                    'overflow': 'hidden',
                    'textOverflow': 'ellipsis',
                },
                data=[
                    {'column1': j}
                    for j in table_contents
        ],
                editable=True,)], className="drug_input"),
            html.Button('Add Row', id='editing-rows-button', n_clicks=0),

```