Furthermore,
Here is the code I used to create the table above.
sample_data = pd.DataFrame([['A', 'row 1 column 2', 'row 1 column 2'],
['A', 'row 1 column 2', 'row 1 column 3'],
['B', 'row 2 column 2', 'row 2 column 3'],
['C', 'row 3 column 2', 'row 3 column 3'],
['A', 'row 4 column 2', 'row 4 column 3'],
['B', 'row 5 column 2', 'row 5 column 3'],
['C', 'row 6 column 2', 'row 6 column 3'],
['A', 'row 7 column 2', 'row 7 column 3'],
['B', 'row 8 column 2', 'row 8 column 3'],
['C', 'row 9 column 2', 'row 9 column 3'],
['A', 'row 10 column 2', 'row 10 column 3'],
['B', 'row 11 column 2', 'row 11 column 3'],
['C', 'row 12 column 2', 'row 12 column 3'],
['A', 'row 13 column 2', 'row 13 column 3'],
['B', 'row 14 column 2', 'row 14 column 3'],
['C', 'row 15 column 2', 'row 15 column 3'],
['A', 'row 16 column 2', 'row 16 column 3'],
['B', 'row 17 column 2', 'row 17 column 3'],
['C', 'row 18 column 2', 'row 18 column 3']], columns=["Column 1", "Column 2", "Column 3"])
layout = html.Div(className='container-fluid', children=[
html.Div(id='unavailable-container', className='table-container', children=[
dash_table.DataTable(
id='datatable-interactivity-cid',
columns=[{"name": i, "id": i, "deletable": True} for i in sample_data.columns],
data=sample_data.to_dict("rows"),
fixed_rows={'headers': True, 'data': 0},
style_cell={'minWidth': '250px', 'width': '250px', 'maxWidth': '250px',
'whiteSpace': 'normal'},
filter_action="native",
sort_action="native",
sort_mode="multi",
style_table={
'width': '600px', 'height': '500px'
},
tooltip_data=[
{
col: str(sample_data.loc[i, col]) for col in sample_data.columns
} for i in range(0, sample_data.shape[0])
]
)
]),
])