Skip to content

Commit 4d8b7bf

Browse files
committed
[Doc] Make Select All feature discoverable
1 parent 1d6525a commit 4d8b7bf

File tree

2 files changed

+5
-1
lines changed

2 files changed

+5
-1
lines changed

docs/Datagrid.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -187,7 +187,7 @@ export const PostList = () => (
187187
```
188188
{% endraw %}
189189

190-
<video controls autoplay playsinline muted loop>
190+
<video controls autoplay playsinline muted loop poster="./img/BulkActionButtons.jpg">
191191
<source src="./img/bulk-actions-toolbar.mp4" type="video/mp4"/>
192192
Your browser does not support the video tag.
193193
</video>
@@ -206,6 +206,10 @@ React-admin provides four components that you can use in `bulkActionButtons`:
206206
Your browser does not support the video tag.
207207
</video>
208208

209+
**Tip**: When users select all the records of the current page using the "select all" checkbox in the header, the bulk actions toolbar shows a ["Select All" button](./Buttons.md#selectallbutton) to let them select all the recorfds regardless of pagination.
210+
211+
![SelectAllButton](./img/SelectAllButton.png)
212+
209213
You can write a custom bulk action button components using the [`useListContext`](./useListContext.md) hook to get the following data and callbacks:
210214

211215
* `selectedIds`: the identifiers of the currently selected items.

docs/img/BulkActionButtons.jpg

67.7 KB
Loading

0 commit comments

Comments
 (0)