React-bootstrap-table2: Cannot change pagination styling

[bogannathan]

Is there any way to change the styling of the pagination list? I would like to have it centered under the table, but it by default adds columns that push it to the right. Is this a change I can do with this package?

Really appreciate it, looks good so far!

[chunming-c]

Hi @bogannathan:

We're sorry for that so far react-bootstrap-table2 is not able to allow users to customize classNames or inline-style for pagination bar. For this part any PR is welcomed.

However, if it's bothering about the alignment, the following solution based on existing class does work but not recommended.

.react-bootstrap-table-pagination-list {
  text-align: center;
  transform: translateX(-50%);
}

.react-bootstrap-table-page-btns-ul {
  float: none;
}

[bogannathan]

Thanks for letting me know! I appreciate it

[AllenFang]

let's close it firstly, we will overall have a customization for every components, thanks

[shorif2000]

@AllenFang I have tried this. it places the component in the center but the numbers are still aligned to the left