【问题标题】:MUI DataGrid dynamic width according to longest data for column根据列最长数据的 MUI DataGrid 动态宽度
【发布时间】:2022-06-20 21:37:29
【问题描述】:

我在 MUI 和 GridColDef 中使用 DataGrid 我不使用任何与宽度相关的东西,我希望列具有最长数据的宽度,以便显示每个字母,这可能吗?

下面是我的 GridColDef:

{
field: 'lastLogin',
type: 'dateTime',
headerName: 'Last login',
align: 'right',
headerAlign: 'right',
}

【问题讨论】:

    标签: reactjs material-ui


    【解决方案1】:

    我相信你可以使用 minWidth,看这里 - material-ui / data-grid flexible column width min-width

    我已经有一段时间没有自己使用这些了,但我确实记得有一个带有省略号的 minWidth。

    【讨论】:

    • 谢谢,但这只是为了定义最小宽度,如果我将它定义为 150 并且列占用 200 像素,我仍然无法显示所有数据
    猜你喜欢
    • 2014-03-18
    • 2013-06-29
    • 1970-01-01
    • 2014-12-09
    • 1970-01-01
    • 2015-01-27
    • 2018-06-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多