Hyperlink Data Table

zylatis · November 5, 2019, 2:31am

Hi, I was wondering the status of being able to have hyperlinks in Data Tables?

I looked at this workaround

plotly/dash-recipes/blob/master/dash-html-table-hyperlinks.py

import dash
import dash_html_components as html
import pandas as pd

df = pd.DataFrame({
    'id': ['a', 'b', 'c', 'd'],
    'col1': [1, 2, 3, 4]
})

def Table(dataframe):
    rows = []
    for i in range(len(dataframe)):
        row = []
        for col in dataframe.columns:
            value = dataframe.iloc[i][col]
            # update this depending on which
            # columns you want to show links for
            # and what you want those links to be
            if col == 'id':
                cell = html.Td(html.A(href=value, children=value))

This file has been truncated. show original

which is nice however it’s not clear to me how to then use all the styling options i have, e.g.

style_header={'fontWeight': 'bold','backgroundColor': 'rgb(230, 230, 230)'},
sort_action='native',
filter_action="native",
style_cell={'textAlign': 'left'},
style_data_conditional=[
	{
		'if': {'row_index': 'odd'},
		'backgroundColor': 'rgb(248, 248, 248)'
	}]

Any tips?

Topic		Replies	Views
Datatable Markdown Link Trouble Dash Python	2	6161	August 11, 2020
Html.A in a datatable Dash Python	3	760	March 30, 2022
Links in datatable - Multipage App Dash Python	28	13589	August 14, 2020
DataTable column clickalbe to link to url Dash Python	16	14313	June 9, 2020
Link alignment in the Dash DataTable Dash Python question	6	2130	September 28, 2022

Hyperlink Data Table

Related topics