material-ui：如何在表格单元格中放置文本顶部？

Question

我已经在Google上搜索了许多小时，以找到解决方案，但是在表格单元格中垂直对齐文本似乎非常困难。对于它们为何使水平对齐变得容易而垂直对齐却如此困难，我感到困惑。

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

Answer 1

material-ui doesn't provide such TableCell道具中的vertical-align组件，仅align。要更改TableCell的垂直对齐方式，您必须传递一个style道具（或类名），如下所示：

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

TableCell不知道is passed to it's children root（在这种情况下为th元素的任何道具，并且在JSX you can pass a inline style中带有道具style和驼峰的道具对象。