Python Dash Table - How to embed href behind cell value

Question

Dash table

Hi,

How can I embed the links into the product name columns so I can remove the link column? I'd like to access the links by clicking on the product name.

Any help would be greatly appreciated.

Answer 1

This is what I would do. I will first drop the Link column. Assuming df is your data.

df_drop_link = df.drop(columns='Link')

html.Table(
        # Header
        [html.Tr([html.Th(col) for col in df_drop_link.columns])] +

        # Body
        [html.Tr([
            html.Td(df.iloc[i][col]) if col != 'Product Name' else html.Td(html.A(href=df.iloc[i]['Link'], children=df.iloc[i][col], target='_blank')) for col in df_drop_link.columns 
        ]) for i in range(len(df))]
    )