材料表中可調整大小的列反應

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

在當前實現中，您可以縮小列，因此您無法進一步更改列寬。