material-table react中可调整大小的列

Question

我已经在材料表上工作了很长一段时间，我一直在寻找不同的选项，在这些选项中，我可以提供拖动列来调整宽度的功能，但没有成功。

我用谷歌搜索了很多关于如何在react中实现这一功能的信息，但都没有成功。

我可以找到其他表，但我的所有模块都是建立在材料表上的。

Drag and drop table in angular

我已经提供了在angular中拖放的链接，但是我在react上工作，我在react的物料表上找不到任何东西。

这里没有代码，因为我在上面找不到任何东西。只有静态宽度可用，因为它对此条件没有用处。

让我知道如何将提供的示例合并到react中，或者是否有任何可用的示例，或者是否可能。

所以我发现在他们的GitHub页面上，有一个通过在选项中选择true来提到可调整大小的列，但这对我还不起作用。

Resizable column material table official merial-table github

Answer 1

Material-table现在提供了此功能。您需要使用以下两个选项：

• tableLayout为'fixed'，因为需要关闭true

的默认自动宽度

从材料表demo目录下的demo.js

<MaterialTable
  ...
  options={{
    tableLayout: "fixed",
    columnResizable: true
  }}
/>

在当前的实现中，您可以收缩列，因此无法进一步更改列的宽度。