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";
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";
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 (
<ScrollArea.Autosize>
<Table verticalSpacing="xs" horizontalSpacing="xs">
{/* Thead */}
<Table.Thead>
@ -64,5 +65,6 @@ export default function DashboardTable<T>({table}: Props<T>) {
)}
</Table.Tbody>
</Table>
</ScrollArea.Autosize>
);
}