@jielga/tmdatagrid 2.1.0 → 2.1.2

package/docs/column-layout.md

@@ -160,7 +160,7 @@ const { resetSettings } = useTMDataGrid({ data, columns });
 | Name | Kind | Type | Default | What it does |
 | --- | --- | --- | --- | --- |
 | `enableHiding` | Table option | `boolean` | `true` | Also a column option. `false` removes hiding entirely. |
-| `enableColumnPinning` | Table option | `boolean` | `true` | `false` removes the pin menu items. |
+| `enableColumnPinning` | Table option | `boolean` | `true` | `false` removes the pin menu items. The generated lanes stay pinned. |
 | `enablePinning` | Column option | `boolean` | `true` | `false` for one column. |
 | `enableColumnOrdering` | Option | `boolean` | `true` | Header dragging and the move menu items. Grid-defined. |
 | `meta.enableOrdering` | Column meta | `boolean` | `true` | `false` keeps one column where it is. |

package/docs/column-menu.md

@@ -14,7 +14,7 @@ The menu shows each group only when the column supports it:
 
 | Item | Shown when |
 | --- | --- |
-| Sort by ASC · Sort by DESC | The column can sort. See [Sorting](/docs/sorting) |
+| Sort ascending · Sort descending | The column can sort. See [Sorting](/docs/sorting) |
 | Filter | The column can filter and `filters.inHeader` is off. See [Filtering](/docs/filtering) |
 | Group by · Ungroup | The column can group. See [Grouping](/docs/grouping) |
 | Expand all groups · Collapse all groups | Grouping is active |

package/docs/localization.md

@@ -38,7 +38,7 @@ grammar requires:
 
 ```tsx
 labels: {
-  groupBy: (column) => `Gruppera på ${column}`,
+  groupBy: (column) => `Gruppera efter ${column}`,
   pageRange: ({ from, to, total }) => `${from}–${to} av ${total}`,
 }
 ```

package/docs/row-details.md

@@ -44,6 +44,20 @@ every panel at once.
 
 Group rows get no chevron: they expand into their children from the tree lane.
 
+To give only some rows a panel, set `getRowCanExpand`:
+
+```tsx
+const grid = useTMDataGrid({
+  data,
+  columns,
+  renderDetails: ({ row }) => <Notes notes={row.original.notes} />,
+  getRowCanExpand: (row) => row.original.notes.length > 0,
+});
+```
+
+A row it turns down gets no chevron, and the header control skips it.
+It never applies to a group row.
+
 ## Opening a row from elsewhere
 
 Which rows are open is TanStack's own `expanded` state, so anything can open
@@ -113,6 +127,7 @@ Group rows have no panel. Expanding one opens its children.
 | --- | --- | --- | --- | --- |
 | `renderDetails` | Option | `({ row, table }) => ReactNode` | – | Contents of the panel. Setting it adds the lane. |
 | `TMDataGridDetailsArgs` | Type | `{ row, table }` | – | What `renderDetails` receives. |
+| `getRowCanExpand` | Table option | `(row) => boolean` | – | Determines which data rows have a panel. If not set, every data row has one. Group rows always expand. |
 | `renderDetailsEstHeight` | Option | `number` | `160` | Height the virtualizer assumes for an unmeasured panel. |
 | `detailsColumnPosition` | Option | `"left" \| "right"` | `"left"` | Which edge the lane is pinned to. `"right"` places it after every column, inside the edit lane. |
 | `initialState.expanded` | Table option | `ExpandedState` | `{}` | Rows open at mount. A data slice, so it persists. |

package/docs/row-selection.md

@@ -40,6 +40,11 @@ focusable in this mode, and Space or Enter toggles the focused row.
 selection in any mode. It has no effect under `"highlight"`, which selects
 nothing.
 
+As a predicate, `enableRowSelection` decides row by row:
+
+- a row it turns down has a disabled checkbox, and the header checkbox does not tick it
+- unticking the header checkbox clears every row the filters show, including a turned-down row ticked through `initialState` or `setRowSelection`
+
 ## The highlighted row
 
 The highlighted row is state of its own rather than a slice of `rowSelection`,

package/docs/testing.md

@@ -310,7 +310,11 @@ export class DataGrid {
     await this.part("search").fill(text);
   }
 
-  /** Clicks a sortable header once: unsorted, ascending, descending. */
+  /**
+   * Clicks a sortable header once. Each click steps the sort: off, first
+   * direction, the other direction, off. The first direction is ascending for
+   * text and descending for numbers, unless the column sets `sortDescFirst`.
+   */
   async sortBy(columnId: string): Promise<void> {
     // The header, not its `header-sort` arrow: the arrow is display: none
     // until the header is hovered, and a click on it also reaches the

package/docs/use-tm-data-grid.md

@@ -36,7 +36,7 @@ rather than forwarded to TanStack.
 | `enableSorting` | `boolean` | `true` | Enables sorting for the table. |
 | `enableColumnFilters` | `boolean` | `true` | Enables filtering for the table. |
 | `enableHiding` | `boolean` | `true` | Enables column visibility for the table. |
-| `enableColumnPinning` | `boolean` | `true` | Enables pinning for the table. |
+| `enableColumnPinning` | `boolean` | `true` | Enables pinning for the table. `false` removes the pin menu items; the generated lanes stay pinned. |
 | `enableColumnResizing` | `boolean` | `true` | Enables resizing for the table. |
 | `enableColumnOrdering` | `boolean` | `true` | Enables header dragging and the move menu items. Defined by the grid, see [Column layout](/docs/column-layout#ordering). |
 | `enablePagination` | `boolean` | `false` | Enables client-side paging and the `Footer` pager. Implied by `manualPagination`. Defined by the grid, see [Pagination](/docs/pagination). |
@@ -134,7 +134,7 @@ where its grammar requires:
 
 ```tsx
 labels: {
-  groupBy: (column) => `Gruppera på ${column}`,
+  groupBy: (column) => `Gruppera efter ${column}`,
   pageRange: ({ from, to, total }) => `${from}–${to} av ${total}`,
 }
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jielga/tmdatagrid",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "A React data grid built on TanStack Table v9 and Mantine - always virtualized, with resizable, reorderable, sortable, filterable, hideable and pinnable columns.",
   "license": "MIT",
   "type": "module",
@@ -76,31 +76,31 @@
   },
   "devDependencies": {
     "@babel/core": "^7.29.7",
-    "@mantine/core": "^9.4.0",
-    "@rolldown/plugin-babel": "^0.2.3",
+    "@mantine/core": "^9.4.2",
+    "@rolldown/plugin-babel": "^0.2.4",
     "@tabler/icons-react": "^3.46.0",
     "@tanstack/intent": "0.3.6",
-    "@tanstack/react-form": "^1.33.2",
-    "@tanstack/react-store": "^0.11.1",
+    "@tanstack/react-form": "^1.33.5",
+    "@tanstack/react-store": "^0.11.2",
     "@tanstack/react-table": "^9.2.4",
-    "@tanstack/react-virtual": "^3.14.4",
-    "@tanstack/store": "^0.11.1",
+    "@tanstack/react-virtual": "^3.14.14",
+    "@tanstack/store": "^0.11.2",
     "@tanstack/table-core": "^9.2.4",
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
+    "@testing-library/user-event": "^14.6.7",
     "@types/babel__core": "^7.20.5",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.4",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.7",
+    "@vitejs/plugin-react": "^6.0.5",
     "babel-plugin-react-compiler": "^1.0.0",
     "jsdom": "^29.1.1",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "rolldown": "~1.1.5",
     "rolldown-plugin-dts": "^0.27.14",
     "typescript": "~7.0.2",
-    "vite": "^8.1.5",
+    "vite": "^8.1.6",
     "vitest": "^4.1.10",
     "zod": "^4.4.3"
   }

package/skills/appearance/SKILL.md

@@ -18,7 +18,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/styling.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/toolbar.md'
@@ -242,7 +242,7 @@ where its grammar requires:
 
 ```tsx
 const labels = {
-  groupBy: (column) => `Gruppera på ${column}`,
+  groupBy: (column) => `Gruppera efter ${column}`,
   pageRange: ({ from, to, total }) => `${from}–${to} av ${total}`,
 } satisfies TMDataGridLabelsOverride;
 ```

package/skills/cell-selection/SKILL.md

@@ -14,7 +14,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/cell-selection.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/src/core/cellNavigation.ts'

package/skills/columns/SKILL.md

@@ -16,7 +16,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/columns.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/column-layout.md'

package/skills/data/SKILL.md

@@ -18,7 +18,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/pagination.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/scrolling.md'

package/skills/editing/SKILL.md

@@ -18,7 +18,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/editing.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/draft-store.md'

package/skills/filtering/SKILL.md

@@ -18,7 +18,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/filtering.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/quick-search.md'

package/skills/getting-started/SKILL.md

@@ -13,7 +13,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/getting-started.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/anatomy.md'

package/skills/grouping/SKILL.md

@@ -14,7 +14,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/grouping.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/summary-row.md'

package/skills/migrating-to-2/SKILL.md

@@ -15,7 +15,7 @@ description: >
 metadata:
   type: lifecycle
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/migrating-to-2.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/src/index.ts'

package/skills/options/SKILL.md

@@ -14,7 +14,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/use-tm-data-grid.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/persistence.md'
@@ -57,7 +57,7 @@ rather than forwarded to TanStack.
 | `enableSorting` | `boolean` | `true` | Enables sorting for the table. |
 | `enableColumnFilters` | `boolean` | `true` | Enables filtering for the table. |
 | `enableHiding` | `boolean` | `true` | Enables column visibility for the table. |
-| `enableColumnPinning` | `boolean` | `true` | Enables pinning for the table. |
+| `enableColumnPinning` | `boolean` | `true` | Enables pinning for the table. `false` removes the pin menu items; the generated lanes stay pinned. |
 | `enableColumnResizing` | `boolean` | `true` | Enables resizing for the table. |
 | `enableColumnOrdering` | `boolean` | `true` | Enables header dragging and the move menu items. Defined by the grid. |
 | `enablePagination` | `boolean` | `false` | Enables client-side paging and the `Footer` pager. Implied by `manualPagination`. Defined by the grid. |

package/skills/rows/SKILL.md

@@ -17,7 +17,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/row-selection.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/row-interaction.md'

package/skills/server-side/SKILL.md

@@ -15,7 +15,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/server-side.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/server-query.md'

package/skills/testing/SKILL.md

@@ -13,7 +13,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/testing.md'
   - 'Jielga/TMDataGrid:playwright/support/DataGrid.ts'

package/skills/testing-components/SKILL.md

@@ -12,7 +12,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/testing.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/test/gallery/main.tsx'

package/skills/testing-editing/SKILL.md

@@ -12,7 +12,7 @@ description: >
 metadata:
   type: core
   library: '@jielga/tmdatagrid'
-  library_version: '2.1.0'
+  library_version: '2.1.2'
 sources:
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/testing.md'
   - 'Jielga/TMDataGrid:packages/tmdatagrid/docs/editing.md'

package/src/components/TMDataGridDetailsColumn.tsx

@@ -33,6 +33,9 @@ export function DetailsCell<TData extends RowData>({
   // `showsDetails`. Their cells are aggregated, so this lane is already blank
   // on them; the guard is what makes that a decision rather than a side effect.
   if (row.getIsGrouped()) return null;
+  // A record the consumer's `getRowCanExpand` turns down has no panel, and
+  // TanStack refuses to expand it - a chevron here would do nothing.
+  if (!row.getCanExpand()) return null;
 
   return (
     <UnstyledButton

package/src/components/TMDataGridSelectColumn.tsx

@@ -50,7 +50,21 @@ function SelectAllCheckbox<TData extends RowData>({
       data-dg-part="select-all"
       checked={allSelected}
       indeterminate={someSelected && !allSelected}
-      onChange={table.getToggleAllRowsSelectedHandler()}
+      onChange={(event) => {
+        if (event.currentTarget.checked) {
+          table.toggleAllRowsSelected(true);
+          return;
+        }
+        // Not `toggleAllRowsSelected(false)`: since TanStack 9.2 it keeps a
+        // ticked row that `enableRowSelection` turns down, so the box could
+        // never clear. Every row the filters show is unticked; rows a filter
+        // hides keep their tick, as they always have.
+        const next = { ...table.store.state.rowSelection };
+        for (const row of table.getPreGroupedRowModel().flatRows) {
+          delete next[row.id];
+        }
+        table.setRowSelection(next);
+      }}
     />
   );
 }

package/src/components/TMDataGridTable.tsx

@@ -159,9 +159,9 @@ function keepColumnInView({
  * | ---- | ------- |
  * | On a data row | the column's `cell`, as always |
  * | Placeholder - a grouped column other than this row's own | nothing |
- * | Aggregated, column declares `aggregatedCell` | that |
- * | Aggregated, column declares an `aggregationFn` | the column's `cell`, over the aggregate |
- * | Aggregated, column declares neither | nothing |
+ * | Group summary, column declares `aggregatedCell` | that |
+ * | Group summary, column declares an `aggregationFn` | the column's `cell`, over the aggregate |
+ * | Group summary, column declares neither | nothing |
  *
  * That last row is the one worth spelling out. Without an aggregation function
  * `getValue()` is `undefined` on a group row, so the column's own renderer
@@ -174,17 +174,31 @@ function renderCellContent(
   cell: Cell<TMDataGridFeatures, TMDataGridRowData, unknown>,
 ) {
   if (cell.getIsPlaceholder()) return null;
-  if (!cell.getIsAggregated()) {
+  if (!isGroupSummaryCell(cell)) {
     return flexRender(cell.column.columnDef.cell, cell.getContext());
   }
-  const { aggregatedCell, aggregationFn } = cell.column.columnDef;
+  const { aggregatedCell } = cell.column.columnDef;
   if (aggregatedCell !== undefined) {
     return flexRender(aggregatedCell, cell.getContext());
   }
-  if (aggregationFn === undefined) return null;
+  if (!cell.getIsAggregated()) return null;
   return flexRender(cell.column.columnDef.cell, cell.getContext());
 }
 
+/**
+ * A cell on a group row in any column but the one the row groups by - the
+ * cells that summarise the group rather than show a record.
+ *
+ * Not `cell.getIsAggregated()`: since TanStack Table 9.2 that is true only
+ * when the column has an aggregation function, so it cannot tell a group
+ * row's blank cell from a data row's cell.
+ */
+function isGroupSummaryCell(
+  cell: Cell<TMDataGridFeatures, TMDataGridRowData, unknown>,
+): boolean {
+  return cell.row.getIsGrouped() && !cell.getIsGrouped();
+}
+
 /**
  * What a cell needs to take part in cell selection, or `undefined` while the
  * feature is off - which is what keeps a plain grid's cells exactly as they
@@ -401,7 +415,7 @@ function TMDataGridBodyCell({
               draftValues !== undefined &&
               contentOverride === undefined &&
               !cell.getIsPlaceholder() &&
-              !cell.getIsAggregated()
+              !isGroupSummaryCell(cell)
                 ? draftCellContext(cell, draftValues)
                 : undefined;
             // Highlighting reproduces the *default* renderer, value then
@@ -412,7 +426,7 @@ function TMDataGridBodyCell({
               highlightNeedles !== undefined &&
               contentOverride === undefined &&
               !cell.getIsPlaceholder() &&
-              !cell.getIsAggregated() &&
+              !isGroupSummaryCell(cell) &&
               cell.column.columnDef.cell === table.getDefaultColumnDef().cell
             ) {
               const value =
@@ -1517,6 +1531,24 @@ export function TMDataGridTable<TData extends RowData = TMDataGridRowData>({
   const trailingGuardRef = useRef<HTMLDivElement>(null);
   const guardHopRef = useRef(false);
 
+  /**
+   * Keeps both guards at the scrollport's top-left corner as the body scrolls.
+   *
+   * A guard is out of flow, so left alone it sits at the top of the scrolled
+   * content. Tab from outside focuses it without `preventScroll`, and the
+   * browser then scrolls the body back to the top to show it - which unmounts
+   * the cursor row the guard is about to hand the focus to, and drops the
+   * focus on `<body>`. A guard already inside the scrollport is never
+   * scrolled to. Written straight to the style, so a scroll costs no render.
+   */
+  const placeTabGuards = (container: HTMLElement) => {
+    for (const guard of [leadingGuardRef.current, trailingGuardRef.current]) {
+      if (guard === null) continue;
+      guard.style.top = `${container.scrollTop}px`;
+      guard.style.left = `${container.scrollLeft}px`;
+    }
+  };
+
   // O(n) per keystroke and per render while a cell is focused. Fine at any row
   // count a grid actually holds, and the alternative - an id→index map rebuilt
   // whenever sorting, filtering or grouping changes - costs more than it saves.
@@ -2434,8 +2466,9 @@ export function TMDataGridTable<TData extends RowData = TMDataGridRowData>({
    * zoom, where a "fully scrolled" position can land at 799.5 of 800.
    */
   const handleScroll =
-    contextMenuTarget || hasEdgeCallbacks
+    contextMenuTarget || hasEdgeCallbacks || cellSelection
       ? (event: UIEvent<HTMLDivElement>) => {
+          if (cellSelection) placeTabGuards(event.currentTarget);
           if (contextMenuTarget) closeContextMenu();
           if (!hasEdgeCallbacks) return;
           const el = event.currentTarget;

package/src/components/generatedColumns.tsx

@@ -48,8 +48,8 @@ export function createSelectColumn<TData extends RowData>(
     enablePinning: false,
     header: ({ table }) => <SelectAllHeader table={table} />,
     cell: ({ row }) => <SelectRowCheckbox row={row} />,
-    // Every cell on a group row that is not the grouped column counts as
-    // aggregated, this lane included, and an aggregated cell with nothing
+    // Every cell on a group row that is not the grouped column is a group
+    // summary cell, this lane included, and a summary cell with nothing
     // declared renders blank. Without this the checkbox would disappear from
     // exactly the rows that select a whole group. See renderCellContent.
     aggregatedCell: ({ row }) => <SelectRowCheckbox row={row} />,
@@ -90,10 +90,10 @@ export function createGroupColumn<TData extends RowData>(
     // Structurally pinned to the left; users shouldn't be able to move it.
     enablePinning: false,
     cell: ({ row }) => <GroupCell row={row} />,
-    // A group row has subRows, so every cell on it that is not the grouped
-    // column reports `getIsAggregated()` - this lane included. Without an
-    // `aggregatedCell` the body would take that as "nothing to summarise" and
-    // render the tree lane blank on exactly the rows it exists for.
+    // Every cell on a group row that is not the grouped column is a group
+    // summary cell - this lane included. Without an `aggregatedCell` the body
+    // would take that as "nothing to summarise" and render the tree lane
+    // blank on exactly the rows it exists for. See renderCellContent.
     aggregatedCell: ({ row }) => <GroupCell row={row} />,
     header: ({ table }) => <GroupHeader table={table} />,
   };
@@ -142,7 +142,7 @@ export function createDetailsColumn<TData extends RowData>(
     header: ({ table }) => <DetailsHeader table={table} />,
     cell: ({ row }) => <DetailsCell row={row} />,
     // Deliberately no `aggregatedCell`: on a group row every cell outside the
-    // grouped column counts as aggregated, and blank is the right answer here -
+    // grouped column is a summary cell, and blank is the right answer here -
     // groups expand into their rows, not into a panel.
   };
 }
@@ -182,7 +182,7 @@ export function createEditColumn<TData extends RowData>(
     header: () => null,
     cell: ({ row }) => <EditLaneCell row={row} />,
     // Group rows: same reasoning as the checkbox lane - without this the
-    // cell renders blank on aggregated rows, but here blank is also correct,
+    // cell renders blank on group rows, but here blank is also correct,
     // so the aggregated cell renders the same (null for groups).
     aggregatedCell: ({ row }) => <EditLaneCell row={row} />,
   };

package/src/core/expanding.ts

@@ -20,7 +20,10 @@ function isTarget<TData extends RowData>(
   row: Row<TMDataGridFeatures, TData>,
   target: TMDataGridExpandTarget,
 ): boolean {
-  return target === "groups" ? row.getIsGrouped() : !row.getIsGrouped();
+  // A record a consumer's `getRowCanExpand` turns down has no panel to open.
+  return target === "groups"
+    ? row.getIsGrouped()
+    : !row.getIsGrouped() && row.getCanExpand();
 }
 
 /**

package/src/core/labels.ts

@@ -236,8 +236,8 @@ export const TMDATAGRID_LABELS_EN: TMDataGridLabels = {
   activeFilters: "Active filters",
   clearFilter: (column) => `Clear ${column} filter`,
 
-  sortAsc: "Sort by ASC",
-  sortDesc: "Sort by DESC",
+  sortAsc: "Sort ascending",
+  sortDesc: "Sort descending",
   filterMenuItem: "Filter",
   groupBy: (column) => `Group by ${column}`,
   ungroup: (column) => `Ungroup ${column}`,
@@ -260,7 +260,7 @@ export const TMDATAGRID_LABELS_EN: TMDataGridLabels = {
     pageCount < 0 ? `Page ${page}` : `Page ${page} of ${pageCount}`,
   groupedAllRows: (total) => `Grouped · all ${total} rows`,
   pagingSuspendedHint:
-    "Paging is off while the rows are grouped: the whole tree is rendered and virtualized. Ungroup to page again.",
+    "Paging is off while the rows are grouped, and every row is shown. Ungroup to page again.",
   previousPage: "Previous page",
   nextPage: "Next page",