如何在Material UI Data Grid中实现列宽相对容器等宽分布

• 组件原生支持百分比形式的列宽配置，可直接在列定义项中为width属性传入带百分比的字符串值（如width: '25%'），组件会自动结合当前容器的实际渲染宽度换算成对应像素值，实现基于容器宽度的等比例分配效果。
• 若需要实现全列自动等宽、无需逐列手动计算占比的效果，可使用列配置中的弹性权重属性（通常为flex）：为所有列统一设置flex: 1，组件会自动将容器可用宽度平均分配给每一列，完全替代手动设置百分比的写法。
• 移除列的width配置后默认应用100px固定宽度，属于组件的内置兜底逻辑：当列没有配置任何宽度相关参数时，组件会自动触发该兜底规则。只要为列配置了百分比宽度值或弹性权重值，就会覆盖这个默认兜底行为，实现宽度自适应。

补充说明：所有宽度比例的计算基准为表格自身的渲染宽度，因此需要先将表格的整体宽度设置为100%占满父级容器，比例分配逻辑才能正确生效；如果表格本身设置了固定像素宽度，百分比和弹性权重的计算会以该固定宽度为基准。

内容的提问来源于stack exchange，提问作者Muneem Habib