MUI Datagrid 截断表

Question

我目前正在开发一个网站，我在表格中显示一些数据。为此，我正在使用

@mui/x-data-grid https://mui.com/x/react-data-grid/

我遇到了以下问题：

基本上，似乎每列的宽度都被截断了，通常为 100px，这是minWidth 默认值。我通常不知道这个字段有多大，使用minWidth 并不能完成解决方案，因为它会在某些时候不断缩短数据。

有没有办法避免这种情况？

例如，在上图中，如果引用 Q-24 类似于 Q-12345678901234567890，它最终可能会被截断为 Q-1234567...

提前致谢。

Answer 1

我最终构建了自己的组件，因为它似乎没有针对我的要求的内置解决方案。