是否可以为 Material-Table 禁用拖放？

Question

Material-Table 中的所有内容都运行良好，但我找不到禁用列标题拖放的道具/选项。我只需要它保持与代码

中提供的一样

这是我的列和选项道具的样子：

columns={[
  {title: 'Name', field: 'name', defaultSort: 'asc'},
  {title: 'Code', field: 'code'},
  {title: 'Type', field: 'type.value'},
  {title: 'Regions', field: 'regions', sorting: false},
  {title: 'Currency', field: 'currencyCode'},
]},
options={{
  showTitle: false,
  actionsColumnIndex: -1
}}

Answer 1

如文档中所述，您可以在选项对象中添加分组 false。

Answer 2

遇到了同样的问题，但是设置grouping: false并没有解决我的问题。

相反，我在每列的 headerStyle 中设置了 pointerEvents: "none"。这样 headers 将无法交互/拖动。工作得很好。

Answer 3

您应该将 draggable 选项设置为 false

options={{
  draggable: false,
}}

因此，您将无法再使用分组选项

是否可以为 Material-Table 禁用拖放？

Is it possible to disable drag and drop for Material-Table?

reactjs

material-table