Question

只有一个返回小DF的函数，该DF通过破折号表输出到前端。如何使单元格，行和列不可点击且不可悬停，以便用户仅看到DF的文字和值，而无法与之交互？

或者我应该使用其他包装对象将DF输出到应用程序，但仍然能够维护CSS的CSS样式元素，例如字体大小，宽度等？

以下是默认的DashTable代码，用于快速设置测试环境：如您所见，可以单击并以红色突出显示单元格，但是我希望它是静态的。谢谢！

import dash
import dash_table
import pandas as pd

df = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/master/solar.csv')

app = dash.Dash(__name__)

app.layout = dash_table.DataTable(
    id='table',
    columns=[{"name": i, "id": i} for i in df.columns],
    data=df.to_dict('records'),
)

if __name__ == '__main__':
    app.run_server(debug=True)

Answer 1

通过一些挖掘找到了答案。将其插入您在启动时运行的自定义css文件中

.dash-spreadsheet-container .dash-spreadsheet-inner table {
        --accent: transparent  !important;
        --border: transparent !important;
        --text-color: transparent !important;
        --hover: transparent !important;
        --background-color-ellipses: transparent !important;
        --faded-text: transparent !important;
        --faded-text-header: transparent !important;
        --selected-background: transparent !important;
        --faded-dropdown: transparent !important;
        --muted: transparent !important;
}

有没有一种方法可以使DashTable中的DashTable不交互？

1 个答案: