Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import {
Table,
TableBody,
TableCell,
TableColumn,
TableHeader,
TableRow,
} from "@nextui-org/react";
import { RenderCell } from "./render-cell";
import { columns, users } from "./data";
export const TableWrapper = () => {
return (
<div className=" w-full flex flex-col gap-4">
<Table aria-label="Example table with custom cells">
<TableHeader columns={columns}>
{(column) => (
<TableColumn
key={column.uid}
hideHeader={column.uid === "actions"}
align={column.uid === "actions" ? "center" : "start"}
>
{column.name}
</TableColumn>
)}
</TableHeader>
<TableBody items={users}>
{(item) => (
<TableRow>
{(columnKey) => (
<TableCell>
{RenderCell({ user: item, columnKey: columnKey })}
</TableCell>
)}
</TableRow>
)}
</TableBody>
</Table>
</div>
);
};