Href links as values?

[davecap]

Is it possible to embed links as cell values?

[chriddyp]

It isn't right now, but it would be nice to allow hooks into the cell renderer somehow.

[jamesdhope]

A great resource and it would be useful to develop the following:

• selectable columns (not just rows)
• ability to add new columns and rows dynamically to the table

More sample code would be really useful too with the plotly Library.

[aiy2018]

I was able to use the following conditional formating idea to implement cell hyper link. https://community.plot.ly/t/coloured-text-in-a-table-conditional-formatting/7112/6

Here is my method - if you have columns like "ABCDE", column A and B are hyper link def ConditionalTable(dataframe): rows = [] hyper_link_col_list = ['A', 'B'] for i in range(len(dataframe)): row = {} for col in dataframe.columns: value = dataframe.iloc[i][col] if col in hyper_link_col_list: if "https" not in value: value = "https://"+value row[col] = html.Td(html.A(href=value, children=value)) else: row[col]=value rows.append(row) return rows

@app.callback(Output('table', 'rows'), [Input('field-dropdown', 'value')]) def update_table(user_selection): """ For user selections, return the relevant table """ df = get_data_object(user_selection) rows = ConditionalTable(df) df = pd.DataFrame(rows) return df.to_dict('records')

You need the following packages. dash==0.19.0 dash-core-components==0.16.0rc1 dash-html-components==0.9.0rc1 dash-renderer==0.13.0rc2 dash-table-experiments==0.6.0rc1

For table sorting and filtering on href links columns are not working since row[col] ={Td}Td('A') NOT row[col]= 'A'. This needs to be enhanced to be removed. row[col] = html.Td(html.A(href=value, children=value))

[Madhivarman]

@aiy2018 How can we pass the Hyperlink value or dcc.Link component to another page?

[Madhivarman]

@aiy2018 Did you implemented the Link into the cell?

[aiy2018]

Yes. The above code is working for link in the cells except that the cell data cannot be sorted. I have not done passing the Hyperlink value to another page.