如何在Plotly Dash生成的表格中移除DataFrame的index索引名称

问题根源 #

你调用output = output.reset_index()时，pandas会自动将原索引转为普通列，该列的默认列名就是index，你之前修改索引名的操作都不生效，因为此时index已经是普通列的列名，而非索引的名称。

解决方案 #

方案1：修改DataFrame列名（无需调整渲染函数）

在reset_index()之后直接修改列名，将第一列的列名设为空字符串即可：

output = output.reset_index()
# 将第一列的列名替换为空
output.columns = [''] + list(output.columns[1:])

方案2：调整渲染函数（无需调用reset_index）

你之前必须调用reset_index()是因为原渲染函数没有将索引内容加入表格，直接修改generate_table函数主动加入索引列，表头第一列留空即可，不需要额外处理DataFrame：

def generate_table(dataframe, max_rows=10):
    return html.Table([
        html.Thead(
            # 表头第一列留空，对应索引列位置
            html.Tr( [html.Th('')] + [html.Th(col) for col in dataframe.columns])
        ),
        html.Tbody([
            html.Tr(
                # 每行首个单元格插入索引值，后续插入对应列值
                [html.Td(dataframe.index[i])] + [html.Td(dataframe.iloc[i][col]) for col in dataframe.columns]
            ) for i in range(min(len(dataframe), max_rows))
        ])
    ])

使用该方案时可以直接删除output = output.reset_index()这行代码，不会再出现多余的index列头，同时也能正常显示metric行内容。

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