破折号排序可编辑表，但对用户隐藏排序选项

Question

我有一个仪表盘。表允许编辑。我想按列对表格进行排序，这样如果用户输入数据，表格就会被立即调用。我在页面上实现了这一点https://dash.plotly.com/datatable/callbacks.页面加载时已经设置了排序。我被困在最后一步，我想从用户隐藏排序选项。那有可能吗？

图像上的示例。我想删除标记为黄色的箭头，但保留按“pop”列排序。

从https://dash.plotly.com/datatable/callbacks编辑代码示例：

import dash
from dash.dependencies import Input, Output
import dash_table
import pandas as pd


app = dash.Dash(__name__)

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

PAGE_SIZE = 5

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

    sort_action='native',
    sort_mode='multi',
    sort_as_null=['', 'No'],
    sort_by=[{'column_id': 'pop', 'direction': 'asc'}],
    editable=True,
)


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

Answer 1

您可以使用下面这样的css来锁定排序元素并隐藏它：

span.column-header--sort {
  display: none;
}

例如，您可以将该代码放在资产目录中的css文件中。有关如何在dash应用中包含样式的详细信息，请参阅此处的留档。