Devextreme-reactive: How to add "Rows Selected" to PagingPanel, not outside of Grid?

[lin-zy1229]

• [x] I have searched this repository's issues and believe that this is not a duplicate.

I'm using ...

• [x] React Grid
• [ ] React Chart
• [ ] React Scheduler

Current Behaviour

I am using this code.

<Paper>
    <Grid>
    ... ...
    </Grid>
    <div>
        <span>Rows Selected: <strong>{selection.length}</strong></span>
    </div>
</Paper>

It shows "Row Selected" div in next row in the PagingPanel.

Expected Behaviour

I wanted it shows "Row Selected" in same row with "PagingPanel". so that I can save the space.

Steps to Reproduce (for Bugs)

Environment

dx-react-grid": "1.10.0"
dx-react-grid-material-ui": "1.10.0"

• react: latest
• bootstrap: none
• react-bootstrap: none
  "@material-ui/core": "3.6.0",

[ushkal]

Hi,
 
You can create a plugin that renders the number of selected rows in the "footer" template. Here is a sample project for your reference.

[lock[bot]]

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests.