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

时间:2020-05-10 02:45:54

标签: python css hyphen

只有一个返回小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)

1 个答案:

答案 0 :(得分:0)

通过一些挖掘找到了答案。 将其插入您在启动时运行的自定义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;
}