Add filtering to table

acm-ucr · Nov 26, 2024 · 00662ab · 00662ab
1 parent d556455
commit 00662ab
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/global/table/data-table.tsx b/src/components/global/table/data-table.tsx
@@ -5,6 +5,7 @@ import {
   flexRender,
   getCoreRowModel,
   useReactTable,
+  getFilteredRowModel,
 } from "@tanstack/react-table";
 
 import {
@@ -34,6 +35,8 @@ const DataTable = <TData, TValue>({
     data,
     columns,
     getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    globalFilterFn: "includesString",
     onRowSelectionChange: setRowSelection,
     state: {
       rowSelection,
@@ -43,7 +46,11 @@ const DataTable = <TData, TValue>({
   return (
     <div className="w-11/12">
       <Filter />
-      <Toolbar />
+      <Toolbar
+        setGlobalFilter={(value: string) => {
+          table.setGlobalFilter(value);
+        }}
+      />
       <div className="rounded-md border">
         <Table>
           <TableHeader>