Как я могу изменить fontSize содержимого таблицы в пользовательском интерфейсе материалов?

Я хотел бы изменить fontSize содержимого таблицы в пользовательском интерфейсе материалов. Если я изменю его с помощьюstyle={{}}компонент, это не отражается.

        <Grid ><Typography variant="body1">Fiscal Year </Typography></Grid>
    <TableContainer style={{width:600,height:170}}> 
    <Table 
sx={{alignItems: "center",
display:""}} style={{fontSize:100}} 
    >
    {stats?.['Financial Highlights']?.['Fiscal Year']?<TableBody>
                                 <TableRow hover>
                                     <TableCell align="left"> Fiscal Year Ends</TableCell>
                                     <TableCell align="right">  {stats['Financial Highlights']['Fiscal Year']['Fiscal Year Ends']===null?"N/A":stats['Financial Highlights']['Fiscal Year']['Fiscal Year Ends']}</TableCell>
                                 </TableRow>
                                 <TableRow hover>
                                     <TableCell align="left"> Most Recent Quarter (mrq)</TableCell>
                                     <TableCell align="right">{stats['Financial Highlights']['Fiscal Year']['Most Recent Quarter (mrq)']===null?"N/A":stats['Financial Highlights']['Fiscal Year']['Most Recent Quarter (mrq)']}</TableCell>
                                 </TableRow>
    </TableBody>:"Loading..."}
    </Table>                              
    </TableContainer>

я не могу включитьTypographyтег для каждой строки моей таблицы, так как таблиц слишком много.

Кроме того, я не могу переместить текст Финансовый год влево с помощьюfloat:'left'свойство. Вместо того, чтобы иметь его в центре, я бы хотел, чтобы он был выровнен по левому краю.

Любая помощь по любому вопросу приветствуется.

0 ответов

Другие вопросы по тегам