今回は、React・TypeScript・Material-UI(MUI)で、TableのComponentを作成する方法について解説していきます。
React・TypeScript環境でのTableのComponent作成に、Material-UI(MUI)のTable, TableHead, TableRow, TableCell, TableBody の5つを利用します。
今回作成する Table Component の要件定義は、次のとおりになります。
1行目は、theadで、カラム名を表示する。2行目以降は、tbody で、RecodeData (TableData)を表示する。