+
+
+ table.getColumn("name")?.setFilterValue(event.target.value)
+ }
+ className="max-w-sm"
+ />
+
+
+
+
+
+ {table
+ .getAllColumns()
+ .filter(
+ (column) => column.getCanHide()
+ )
+ .map((column) => {
+ return (
+
+ column.toggleVisibility(!!value)
+ }
+ >
+ {column.id}
+
+ )
+ })}
+
+
+
+
+
+
+ {table.getHeaderGroups().map((headerGroup) => (
+
+ {headerGroup.headers.map((header) => {
+ return (
+
+ {header.isPlaceholder
+ ? null
+ : flexRender(
+ header.column.columnDef.header,
+ header.getContext()
+ )}
+
+ )
+ })}
+
+ ))}
+
+
+ {table.getRowModel().rows?.length ? (
+ table.getRowModel().rows.map((row) => (
+
+ {row.getVisibleCells().map((cell) => (
+
+ {flexRender(cell.column.columnDef.cell, cell.getContext())}
+
+ ))}
+
+ ))
+ ) : (
+
+
+ No results.
+
+
+ )}
+
+
+
+
+ {table.getFilteredSelectedRowModel().rows.length} of{" "}
+ {table.getFilteredRowModel().rows.length} row(s) selected.
+
+
+
+
+
+
+ )
+}
diff --git a/pq_inventory_system/pq_web_dashboard_v4/playquest/src/app/inventory/page.tsx b/pq_inventory_system/pq_web_dashboard_v4/playquest/src/app/inventory/page.tsx
new file mode 100644
index 0000000..3b01a73
--- /dev/null
+++ b/pq_inventory_system/pq_web_dashboard_v4/playquest/src/app/inventory/page.tsx
@@ -0,0 +1,23 @@
+import { Inventory, columns } from "./columns"
+import { DataTable } from "./data-table"
+
+async function getData(): Promise