Min宽度拟合内容MUI数据网格挠性列

问题描述 投票:0回答:2
,因为我希望它们填充可用的宽度。但是,我希望桌子要溢出(需要滚动),如果调整得太小。

,例如,对于“电子邮件”列,我希望它永远不会比最长的电子邮件宽度(因此文本从未有),但要扩展其宽度,以便它填充可用的空间。

我知道我可以为列设置

...

最小,但不能设置
number

或类似的东西。有什么办法可以这样做,如果列中有一些数据太大,数据网格将溢出?

这是对MUI的open问题,尽管您可以使用包装器使其正常工作。

从社区答案(信用到@alxndrsn),您可以使用类似的东西来实现所需的功能。

auto

    
在不使用最小宽度的情况下显示全文,也避免...想想添加两条CSS线,然后它将正常工作

reactjs material-ui mui-x-data-grid
2个回答
6
投票

有关更多详细信息,请添加一些照片或更多详细信息,最好让我们理解。

根据this Github线程

,它仍在他们的开发路线图中。但是,您可能想检查的答复中有一些社区代码,例如thisOne



0
投票

U需要设置

width:“ max-content”,其工作正常。
但我不确定,因为我不知道您的确切表结构和样式属性。
    

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.