Material-UI: How to center pagination button?-CodePudding

I tried to get Pagination from Material-UI but I want to center the buttons of the arrow and number of page.

I tried to center by creating a <div style={{textAlign: "center"}}> but it doesn't work because it came all in one box.

there is any way to get inside the this component and make the numbers and button to get in the center?

CodePudding user response：

Their Pagination component is using display: flex. Adding the following style rule should achieve what you're trying to do

.MuiPagination-ul { justify-content: center; }

CodePudding user response：

If you're using

If you're using the