diff --git a/docs/data/data-grid/style/style.md b/docs/data/data-grid/style/style.md index f48d748adf5a1..890cefe018749 100644 --- a/docs/data/data-grid/style/style.md +++ b/docs/data/data-grid/style/style.md @@ -121,15 +121,15 @@ You must use `headerAlign` to align the content of the header. ## Striped rows -The following demo illustrates how the rows of the grid can be stripped. +You can use the `indexRelativeToCurrentPage` param passed to `getRowClassName` to apply alternating styles to the rows. + +The following demo illustrates how this can be achieved. {{"demo": "StripedGrid.js", "bg": "inline"}} ## Custom theme -You can use the `indexRelativeToCurrentPage` param passed to `getRowClassName` to apply alternating styles to the rows. - -The following demo illustrates how this can be achieved. +The following demo leverages the CSS customization API to match the Ant Design specification. {{"demo": "AntDesignGrid.js", "defaultCodeOpen": false}}