rayan/shadcn-ui
1
0
Fork 0
mirror of https://github.com/shadcn-ui/ui.git synced 2026-06-27 06:34:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs(www): add indeterminate state checkboxes on all data table demos and code examples (#1959)

Browse Source 
Co-authored-by: shadcn <m@shadcn.com>
This commit is contained in:
Danilo Britto
2023-11-19 02:15:44 -05:00
committed by GitHub
parent c579e9232c
commit 9f3ae7746f
6 changed files with 24 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/www/app/examples/tasks/components/columns.tsx
View File

@@ -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]"

5
apps/www/content/docs/components/data-table.mdx
View File

@@ -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"
/>

5
apps/www/registry/default/example/cards/data-table.tsx
View File

@@ -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"
/>

5
apps/www/registry/default/example/data-table-demo.tsx
View File

@@ -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"
/>

5
apps/www/registry/new-york/example/cards/data-table.tsx
View File

@@ -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"
/>

5
apps/www/registry/new-york/example/data-table-demo.tsx
View File

@@ -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"
/>