Amit/mui-demo-project
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'master' of https://git.sentientgeeks.us/Amit/mui-demo-project

Browse Source
This commit is contained in:
Amit Roy 2024-08-07 16:55:55 +05:30
commit 26d5647209
1 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/table/TanStackTable.tsx
View File

@ -14,13 +14,30 @@ const TanStackTable = ({ data }: any) => {
const [tableData, setTableData] = useState([]);
const [open, setOpen] = useState(false);
const [reviewModalData, setReviewModalData] = useState([]);
const [sortOrder, setSortOrder] = useState<"asc" | "desc" | null>(null);
const handleOpen = () => setOpen(true);
const handleClose = () => setOpen(false);
const handleSort = (key: string) => {
let sortedData;
if (sortOrder === "asc") {
sortedData = [...tableData].sort((a, b) => (a[key] > b[key] ? -1 : 1));
setSortOrder("desc");
} else {
sortedData = [...tableData].sort((a, b) => (a[key] > b[key] ? 1 : -1));
setSortOrder("asc");
}
setTableData(sortedData);
};
/** Set Title and api data object key for the Table title and data */
const columns: any = [
{
header: "ID",
header: (
<div onClick={() => handleSort("id")}>
ID {sortOrder === "asc" ? "↑" : sortOrder === "desc" ? "↓" : ""}
</div>
),
accessorKey: "id",
},
{