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

Question

我一直在研究材料表很长一段时间，我一直在寻找不同的选项，我可以提供拖动列以调整宽度但没有成功的功能。

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

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

angular中的拖放表格

我已经在 angular 中提供了拖放链接，但我正在处理反应，我在材料表上找不到任何反应。

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

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

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

Resizable column 材质表官方merial-table github

Answer 1

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

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

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

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

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