在Mui(Material-UI)中创建表格通常使用`Table`组件,该组件提供了丰富的样式和功能。以下是一个简单的例子,展示了如何使用Mui的`Table`组件来创建一个基本的表格。
你需要确保已经引入了Mui。在你的项目中,你可以通过以下方式引入:
```javascript
import React from 'react';
import Table from '@material-ui/core/Table';
import TableBody from '@material-ui/core/TableBody';
import TableCell from '@material-ui/core/TableCell';
import TableContainer from '@material-ui/core/TableContainer';
import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
```
然后,你可以创建一个React组件,如下所示:
```javascript
import React from 'react';
import Table from '@material-ui/core/Table';
import TableBody from '@material-ui/core/TableBody';
import TableCell from '@material-ui/core/TableCell';
import TableContainer from '@material-ui/core/TableContainer';
import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
function BasicTable() {
// 表格数据
const rows = [
{ id: 1, name: 'John Smith', age: 30