Material-ui 数据网格列渲染

【问题标题】：Material-ui Data Grid columns renderingMaterial-ui 数据网格列渲染
【发布时间】：2021-08-28 07:51:04
【问题描述】：

有谁知道如何正确显示DatGrid 中的下拉字段？设置TextField 高度对我来说并没有按预期工作。示例：https://codesandbox.io/s/prod-leftpad-eixec?file=/src/App.js

【问题讨论】：

【解决方案1】：

将属性box-sizing的值改为inital：

.MuiSelect-select.MuiSelect-select {
  box-sizing: initial;
}

https://codesandbox.io/s/amazing-microservice-ner57?file=/src/styles.css:0-120

【讨论】：

【解决方案2】：

只需将这样的 inputProps 添加到您的文本字段：

      <TextField
        select
        SelectProps={{
          native: true
        }}
        inputProps={{
          style:{height: '100%'}
        }}
        size="small"
      >
        <option>Sel1</option>
        <option>Sel2</option>
      </TextField>

【讨论】：