gitea/amati
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added scrollarea on table

Browse Source
This commit is contained in:
sianida26 2024-03-23 03:15:14 +07:00
parent 852459fdc2
commit d06010abe6
1 changed files with 54 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/modules/dashboard/components/DashboardTable.tsx
View File

@ -1,15 +1,16 @@
"use client"; "use client";
import React from "react"; import React from "react";
import { Table, Center } from "@mantine/core" import { Table, Center, ScrollArea } from "@mantine/core";
import { Table as ReactTable, flexRender } from "@tanstack/react-table"; import { Table as ReactTable, flexRender } from "@tanstack/react-table";
interface Props<TData> { interface Props<TData> {
table: ReactTable<TData> table: ReactTable<TData>;
} }
export default function DashboardTable<T>({table}: Props<T>) { export default function DashboardTable<T>({ table }: Props<T>) {
return ( return (
<ScrollArea.Autosize>
<Table verticalSpacing="xs" horizontalSpacing="xs"> <Table verticalSpacing="xs" horizontalSpacing="xs">
{/* Thead */} {/* Thead */}
<Table.Thead> <Table.Thead>
@ -64,5 +65,6 @@ export default function DashboardTable<T>({table}: Props<T>) {
)} )}
</Table.Tbody> </Table.Tbody>
</Table> </Table>
</ScrollArea.Autosize>
); );
} }