diff --git a/apps/www/app/examples/tasks/components/columns.tsx b/apps/www/app/examples/tasks/components/columns.tsx
index 08808845a8..8525e8f1a2 100644
--- a/apps/www/app/examples/tasks/components/columns.tsx
+++ b/apps/www/app/examples/tasks/components/columns.tsx
@@ -15,7 +15,10 @@ export const columns: ColumnDef<Task>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
-        checked={table.getIsAllPageRowsSelected()}
+        checked={
+          table.getIsAllPageRowsSelected() ||
+          (table.getIsSomePageRowsSelected() && "indeterminate")
+        }
         onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
         aria-label="Select all"
         className="translate-y-[2px]"
diff --git a/apps/www/content/docs/components/data-table.mdx b/apps/www/content/docs/components/data-table.mdx
index a509783a48..eeb90861ec 100644
--- a/apps/www/content/docs/components/data-table.mdx
+++ b/apps/www/content/docs/components/data-table.mdx
@@ -746,7 +746,10 @@ export const columns: ColumnDef<Payment>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
-        checked={table.getIsAllPageRowsSelected()}
+        checked={
+          table.getIsAllPageRowsSelected() ||
+          (table.getIsSomePageRowsSelected() && "indeterminate")
+        }
         onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
         aria-label="Select all"
       />
diff --git a/apps/www/registry/default/example/cards/data-table.tsx b/apps/www/registry/default/example/cards/data-table.tsx
index 6df6f05b3a..cf58e890a5 100644
--- a/apps/www/registry/default/example/cards/data-table.tsx
+++ b/apps/www/registry/default/example/cards/data-table.tsx
@@ -92,7 +92,10 @@ export const columns: ColumnDef<Payment>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
-        checked={table.getIsAllPageRowsSelected()}
+        checked={
+          table.getIsAllPageRowsSelected() ||
+          (table.getIsSomePageRowsSelected() && "indeterminate")
+        }
         onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
         aria-label="Select all"
       />
diff --git a/apps/www/registry/default/example/data-table-demo.tsx b/apps/www/registry/default/example/data-table-demo.tsx
index 06d5e82988..f5fd232617 100644
--- a/apps/www/registry/default/example/data-table-demo.tsx
+++ b/apps/www/registry/default/example/data-table-demo.tsx
@@ -81,7 +81,10 @@ export const columns: ColumnDef<Payment>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
-        checked={table.getIsAllPageRowsSelected()}
+        checked={
+          table.getIsAllPageRowsSelected() ||
+          (table.getIsSomePageRowsSelected() && "indeterminate")
+        }
         onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
         aria-label="Select all"
       />
diff --git a/apps/www/registry/new-york/example/cards/data-table.tsx b/apps/www/registry/new-york/example/cards/data-table.tsx
index ae812fe4e4..46606ce769 100644
--- a/apps/www/registry/new-york/example/cards/data-table.tsx
+++ b/apps/www/registry/new-york/example/cards/data-table.tsx
@@ -92,7 +92,10 @@ export const columns: ColumnDef<Payment>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
-        checked={table.getIsAllPageRowsSelected()}
+        checked={
+          table.getIsAllPageRowsSelected() ||
+          (table.getIsSomePageRowsSelected() && "indeterminate")
+        }
         onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
         aria-label="Select all"
       />
diff --git a/apps/www/registry/new-york/example/data-table-demo.tsx b/apps/www/registry/new-york/example/data-table-demo.tsx
index 4a84f9bc16..ddb26e881c 100644
--- a/apps/www/registry/new-york/example/data-table-demo.tsx
+++ b/apps/www/registry/new-york/example/data-table-demo.tsx
@@ -85,7 +85,10 @@ export const columns: ColumnDef<Payment>[] = [
     id: "select",
     header: ({ table }) => (
       <Checkbox
-        checked={table.getIsAllPageRowsSelected()}
+        checked={
+          table.getIsAllPageRowsSelected() ||
+          (table.getIsSomePageRowsSelected() && "indeterminate")
+        }
         onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
         aria-label="Select all"
       />