材料表中可调整大小的列反应

Question

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

我在谷歌上搜索了很多关于如何在 react 中实现此功能但没有成功。

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

Drag and drop table in angular

我已经提供了 Angular 拖放的链接，但我正在处理 react，但我在材料表上找不到任何东西进行反应。

这里没有包含代码，因为我在上面找不到任何东西。只有静态宽度可用，因为它对这种情况没有用处。

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

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

Resizable column material table official merial-table github

Answer 1

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

• tableLayout 的'fixed'，需要关闭默认的自动宽度设置
• columnResizable 为 true

来自material-table中demo目录下的demo.js

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

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