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?
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),