Material-UI: Как добавить текст в таблицу? - PullRequest
0 голосов
/ 19 марта 2019

Я много часов гуглял, чтобы найти решение, но, кажется, очень трудно выровнять текст по вертикали внутри ячейки таблицы. Меня смущает, почему они делают горизонтальное выравнивание легким, а вертикальное выравнивание - таким трудным.

<TableCell colSpan={2} align='center' vertical-align='top' > 
    <Typography  variant="h5" gutterBottom > 
        Task
    </Typography> 
</TableCell>

1 Ответ

0 голосов
/ 19 марта 2019

Компонент TableCell из material-ui не обеспечивает такой vertical-align проп, только align. Чтобы изменить выравнивание по вертикали TableCell, вы должны передать style реквизит (или className), например:

<TableCell colSpan={2} align="center" style={{ verticalAlign: 'top' }} > 
    <Typography  variant="h5" gutterBottom > 
        Task
    </Typography> 
</TableCell>

Любые реквизиты, которые TableCell не знает, передается его дочернему корню (в данном случае th элемент), а в JSX вы можете передать встроенный стиль с подпоркой style и предметом на верблюжьей шкуре.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...