/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/pages/performance/table-mui.js
40 строк
1 KB
Albert Yu
[docs] Cleanup `@mui/base` (#48278)
14 апр 2026, 21:11
Не верифицирован
14 апр 2026, 21:11
8d712d4
Код
Авторство
О чём код?
import NoSsr from '@mui/material/NoSsr'; import Table from '@mui/material/Table'; import TableBody from '@mui/material/TableBody'; import TableCell from '@mui/material/TableCell'; import TableHead from '@mui/material/TableHead'; import TableRow from '@mui/material/TableRow'; const data = { name: 'Frozen yoghurt', calories: 159, fat: 6.0, carbs: 24, protein: 4.0 }; const rows = Array.from(new Array(100)).map(() => data); export default function TableMui() { return ( <NoSsr defer> <Table> <TableHead> <TableRow> <TableCell>Dessert (100g serving)</TableCell> <TableCell>Calories</TableCell> <TableCell>Fat (g)</TableCell> <TableCell>Carbs (g)</TableCell> <TableCell>Protein (g)</TableCell> </TableRow> </TableHead> <TableBody> {rows.map((row, index) => ( <TableRow key={index}> <TableCell component="th" scope="row"> {row.name} </TableCell> <TableCell>{row.calories}</TableCell> <TableCell>{row.fat}</TableCell> <TableCell>{row.carbs}</TableCell> <TableCell>{row.protein}</TableCell> </TableRow> ))} </TableBody> </Table> </NoSsr> ); }