如何在Python版Shiny中为渲染的数据框添加超链接？

你的代码无法正常工作主要有两个原因：

1. 手动添加<td>标签属于冗余操作，Shiny会自动为数据框的每个单元格生成<td>，嵌套的<td>会导致表格结构错误；
2. 默认情况下Shiny会转义HTML内容，你的链接会被显示成纯文本而非可点击元素。

以下是两种可行的实现方案：

方案一：通过列配置关闭HTML转义 #

直接生成纯<a>标签的字符串，然后在返回数据框时，指定对应列不转义HTML：

from shiny import render, ui
import pandas as pd

@render.data_frame
def output_df():
    IDs = input.IDs()
    # 复制数据避免修改原始DataFrame
    filtered_df = df[df['ID'].isin(IDs)].copy()
    # 生成仅包含<a>标签的HTML字符串，无需手动添加<td>
    filtered_df['Link'] = [
        f'<a href="https://myserver.com/details?synonym={i}" style="display:block; height:100%; width:100%;">{i}</a>' 
        for i in filtered_df['Link']
    ]
    # 使用DataGrid渲染，配置Link列关闭HTML转义
    return render.DataGrid(
        filtered_df,
        column_config={
            "Link": ui.TextColumn(escape=False)
        }
    )

方案二：使用ui.HTML包装链接 #

用Shiny的HTML对象直接包装每个链接，该对象会告知Shiny直接渲染HTML内容，无需额外配置：

from shiny import render, ui
import pandas as pd

@render.data_frame
def output_df():
    IDs = input.IDs()
    filtered_df = df[df['ID'].isin(IDs)].copy()
    # 用ui.HTML包装每个链接字符串
    filtered_df['Link'] = [
        ui.HTML(f'<a href="https://myserver.com/details?synonym={i}" style="display:block; height:100%; width:100%;">{i}</a>') 
        for i in filtered_df['Link']
    ]
    # 直接返回数据框即可
    return filtered_df

注意事项 #

• 如果你的Link列原本存储的不是synonym值，而是需要从其他列（比如synonym列）获取参数，记得把循环里的filtered_df['Link']改成对应的列名；
• 保留style="display:block; height:100%; width:100%;"可以让链接铺满整个单元格，提升点击体验。

内容的提问来源于stack exchange，提问作者user7725010