feat(temp): sample table
This commit is contained in:
@@ -147,6 +147,36 @@ export const InterpretationLog = () => {
|
|||||||
<FormControlLabel value="custom" control={<Radio />} label="Custom" />
|
<FormControlLabel value="custom" control={<Radio />} label="Custom" />
|
||||||
</RadioGroup>
|
</RadioGroup>
|
||||||
</FormControl>
|
</FormControl>
|
||||||
|
|
||||||
|
<TableContainer component={Paper}>
|
||||||
|
<Table sx={{ minWidth: 650 }} aria-label="simple table">
|
||||||
|
<TableHead>
|
||||||
|
<TableRow>
|
||||||
|
<TableCell>Dessert (100g serving)</TableCell>
|
||||||
|
<TableCell align="right">Calories</TableCell>
|
||||||
|
<TableCell align="right">Fat (g)</TableCell>
|
||||||
|
<TableCell align="right">Carbs (g)</TableCell>
|
||||||
|
<TableCell align="right">Protein (g)</TableCell>
|
||||||
|
</TableRow>
|
||||||
|
</TableHead>
|
||||||
|
<TableBody>
|
||||||
|
{rows.map((row) => (
|
||||||
|
<TableRow
|
||||||
|
key={row.name}
|
||||||
|
sx={{ '&:last-child td, &:last-child th': { border: 0 } }}
|
||||||
|
>
|
||||||
|
<TableCell component="th" scope="row">
|
||||||
|
{row.name}
|
||||||
|
</TableCell>
|
||||||
|
<TableCell align="right">{row.calories}</TableCell>
|
||||||
|
<TableCell align="right">{row.fat}</TableCell>
|
||||||
|
<TableCell align="right">{row.carbs}</TableCell>
|
||||||
|
<TableCell align="right">{row.protein}</TableCell>
|
||||||
|
</TableRow>
|
||||||
|
))}
|
||||||
|
</TableBody>
|
||||||
|
</Table>
|
||||||
|
</TableContainer>
|
||||||
</>
|
</>
|
||||||
) : null
|
) : null
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user