From b76755de76b5608c88c3790f74e1284fe493533d Mon Sep 17 00:00:00 2001
From: Mats Bosson <mats.bosson@gmail.com>
Date: Mon, 30 Mar 2026 03:49:41 +0700
Subject: [PATCH] Fix showcase DataTable columns

---
 packages/showcase/src/sections/data.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/showcase/src/sections/data.tsx b/packages/showcase/src/sections/data.tsx
index 079b3dc..351deaf 100644
--- a/packages/showcase/src/sections/data.tsx
+++ b/packages/showcase/src/sections/data.tsx
@@ -18,9 +18,9 @@ const people: Person[] = [
 ];
 
 const tableColumns = [
-  { id: "name", header: "Name", sortable: true, accessor: (r: Person) => r.name },
-  { id: "role", header: "Role", sortable: true, accessor: (r: Person) => r.role },
-  { id: "status", header: "Status", sortable: false, accessor: (r: Person) => r.status },
+  { id: "name", header: "Name", sortable: true, cell: (r: Person) => <span>{r.name}</span> },
+  { id: "role", header: "Role", sortable: true, cell: (r: Person) => <span>{r.role}</span> },
+  { id: "status", header: "Status", sortable: false, cell: (r: Person) => <span>{r.status}</span> },
 ];
 
 /** Calendar demo showing a navigable month grid. */