reactjs - How do i change the position of TablePagination component react?

Question

React Material TablePagination is one component with multiple sub elements like Rows per Page and Pages

TablePagination is single component

  <TablePagination
          component="Box"
          count={10}
          onChangePage={handlePageChange}
          onChangeRowsPerPage={handleLimitChange}
          page={4}
          rowsPerPage={limit}
          rowsPerPageOptions={[5, 10, 25]}
        />

since this renders both Rows per Page and Pages how do i change Rows per Page position to left side and Pages to right side ?

I did try simply adding this, but it renders NaN-NaN of undefined < > after the Rows per page section.

<TablePagination rowsPerPageOptions={[10, 50, { value: -1, label: 'All' }]} />

question from:https://stackoverflow.com/questions/65890059/how-do-i-change-the-position-of-tablepagination-component-react

Answer 1

Waitting for answers