Plotly table subplot disable dragging columns

Question

I have 2 plotly subplots, a surface plot and table plot. By default table plots have columns which you can drag and move, I want to disable this feature, I have found the command

config = {'staticPlot': True} 
fig.show(config=config)

works but this also affects the surface plot which doesn't display properly. how do I set this config only on the table subplot? Also is there a way the table can behave like regular html text where i can select and copy values? Right now it is like an image i cannot select a cell. Thank you

fig = make_subplots(
rows=2, cols=1,
row_heights=[0.9, 0.5],
vertical_spacing=0.03,
specs=[[{"type": "surface"}],
       [{"type": "table"}]])


fig_table = go.Table(
    header=dict(
        values=[""] + desired_x_axis,
        font=dict(size=12),
        align="left"
    ),
    cells=dict(
        font=dict(size=11),
        values=z_values,
        align = "left",
        fill=dict(color=['#ced9e4','#F0F8FF']))
    
        
)

config = {'staticPlot': True} 
fig.show(config=config)

Carlos P · Accepted Answer · 2024-10-17 15:27:44Z

1

I have been looking for a Plotly funcionality to easily disable this drag-and-drop behavior for a while and I did not find anything. One simply way to achieve it -only for the first table, extendible for others- is to add this JavaScript line to the code (I use the argument include_plotlyjs of the function fig.to_html(), but there should be other ways):

document.getElementsByClassName("table")[0].style.pointerEvents = "none";

With this is not needed to include {'staticPlot': True}.

edited Oct 17, 2024 at 15:27

answered Apr 1, 2022 at 18:27

Carlos P

111 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Plotly table subplot disable dragging columns

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related