Embed html link in table cell

📊 Plotly Python
1

Hello everyone,

I am new to this fancy plotly and I am trying to create a table which has html link in its cell by using plotly. The following is my code:

fig = make_subplots(
rows=2, cols=1,
shared_xaxes=True,
vertical_spacing=0.1,
subplot_titles=(“Latest regression data for all tiles”,“Below are links for each tile’s history data”),
specs=[[{“type”: “table”}],
[{“type”: “table”}]]
)

fig.add_trace(
go.Table(
header=dict(
values=[“Date”,“Tile”,“R2R_WNS”,
“R2R_TNS”,“R2R_NVP”,“R2R_LOL”,“IO_WNS”,
“IO_TNS”,“IO_NVP”,“IO_LOL”,“Area”,
“Seq Count”,“Comb Count”,“MBB ratio”,“Utilization”],
font=dict(size=10),
align=“left”
),
cells=dict(
values=[df[k] for k in df.columns],
align = “left”)
),
row=1, col=1
)

fig.add_trace(
go.Table(
header=dict(
values=[“Tile”,“Link”],
font=dict(size=10),
align=“left”
),
cells=dict(
values=[[“Tile1”,“Tile2”],[“html1”,“html2”]],
align = “left”)
),
row=2, col=1
)

So the table looks pretty nice but html link doesn’t work in table cell. Is there any way to achieve that?

Thanks a lot for everyone’s help!

2

If you use Dash, then you can use the columns porperty ‘presentation’:‘markdown’ and each value with this structure [‘This is a Label’] (‘link’) will be shown as ‘This is a Label’ and will be a link.

dash_table.DataTable(
                columns=[{"name": "Link", "id": "Link", 'type': 'text', 'presentation':'markdown'}]
3

Hello, so if I use Dash, can i still save standalone html? If yes, can you tell me how to do that?