Как я могу изменить 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'
свойство. Вместо того, чтобы иметь его в центре, я бы хотел, чтобы он был выровнен по левому краю.
Любая помощь по любому вопросу приветствуется.