是否可以禁用 Material-Table 的拖放功能？答案

【问题标题】：Is it possible to disable drag and drop for Material-Table?是否可以禁用 Material-Table 的拖放功能？
【发布时间】：2019-07-26 09:18:27
【问题描述】：

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
}}

【问题讨论】：

标签： reactjs material-table

【解决方案1】：

您应该将draggable 选项设置为 false

options={{
  draggable: false,
}}

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

【讨论】：

【解决方案2】：

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

相反，我在每列的headerStyle 中设置了pointerEvents: "none"。这样标题就不能交互/拖动。像魅力一样工作。

【讨论】：

感谢弗雷德的回复！无论如何，有一个排序选项会被指针事件阻止：“无”

【解决方案3】：

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

【讨论】：

Domino，这里没有分组。将此道具设置为 false 仍然允许使用拖放和更改列的顺序
对不起，我看错了，这还没有实现，但即将成为 merged 选项：可拖动。