row.original.year < 2024}
+ rowSelection={rowSelection}
+ onRowSelectionChange={setRowSelection}
+ />
+ Selected rows: {Object.keys(rowSelection).join(", ")}
+ >
+ );
+};
+
export const FullServerSide = () => {
const database = useMemo(() => [...databaseUsersServer], []);
const [rowSelection, setRowSelection] = useState({});
diff --git a/packages/react/src/components/DataGrid/utils.tsx b/packages/react/src/components/DataGrid/utils.tsx
index c48070b75..ed3f7d634 100644
--- a/packages/react/src/components/DataGrid/utils.tsx
+++ b/packages/react/src/components/DataGrid/utils.tsx
@@ -52,15 +52,20 @@ export const useHeadlessColumns = ({
id: HEADER_ID_SELECT,
size: 34,
header: () => null,
- cell: ({ row }) => (
-
- ),
+ cell: ({ row }) => {
+ if (!row.getCanSelect()) {
+ return null;
+ }
+ return (
+
+ );
+ },
}),
...headlessColumns,
];