diff --git a/apps/www/app/examples/tasks/components/data-table.tsx b/apps/www/app/examples/tasks/components/data-table.tsx
index 165d47f9e3..9300d4b71c 100644
--- a/apps/www/app/examples/tasks/components/data-table.tsx
+++ b/apps/www/app/examples/tasks/components/data-table.tsx
@@ -77,7 +77,7 @@ export function DataTable<TData, TValue>({
               <TableRow key={headerGroup.id}>
                 {headerGroup.headers.map((header) => {
                   return (
-                    <TableHead key={header.id}>
+                    <TableHead key={header.id} colSpan={header.colSpan}>
                       {header.isPlaceholder
                         ? null
                         : flexRender(