Автоматическая ширина TextField

Question

Я отображаю некоторые данные на странице, используя TextField из @material-ui.

Проблема в том, что каждая запись данных имеет разную длину данных, поэтому большинство представленных значений выглядит некрасиво (используется только 10% ширины текстового поля)

В настоящее время я использую атрибут fullWidth, но он не выполняет то, что я хочу. Я хочу, чтобы подчеркивание соответствовало длине контента.

<Grid item sm={2}>
    <TextField
        margin="normal"
        fullWidth
        inputProps={{ disabled: true }}
        label={labels.brokerId}
        value={props.brokerDetails.id}
    />
</Grid>

Как мне этого добиться?

Answer 1

Вы должны попробовать с многострочным свойством компонента TextArea.

https://github.com/mui-org/material-ui/blob/master/docs/src/pages/demos/text-fields/TextFields.js