diff --git a/docs/Datagrid.md b/docs/Datagrid.md index fb1a45b57ac..8da1c9cdb6b 100644 --- a/docs/Datagrid.md +++ b/docs/Datagrid.md @@ -800,7 +800,7 @@ const PostList = () => ( ## Showing / Hiding Columns -The [``](./SelectColumnsButton.md) lets users hide or show datagrid columns. +The [``](./SelectColumnsButton.md) component lets users hide, show, and reorder datagrid columns. ![SelectColumnsButton](./img/SelectColumnsButton.gif) diff --git a/docs/SelectColumnsButton.md b/docs/SelectColumnsButton.md index 5b17a823e09..f8134222cf2 100644 --- a/docs/SelectColumnsButton.md +++ b/docs/SelectColumnsButton.md @@ -9,6 +9,10 @@ This button lets users show or hide columns in a Datagrid. It must be used in co ![SelectColumnsButton](./img/SelectColumnsButton.gif) +## Usage + +Add the `` component to the `` prop: + ```jsx import { DatagridConfigurable, @@ -36,7 +40,7 @@ const PostList = () => ( ); ``` -**Note**: `` doesn't work with `` - you must use `` instead. +**Note**: `` doesn't work with `` - you must use [``](./Datagrid.md#configurable) instead. If you want to add the `` to the usual List Actions, use the following snippet: