Pagination not displaying in Chrome and Other Browsers

[loyboy]

The pagination list is no longer displayed in some Sections of my App. I believe some other developers are having the same issue. Please help thanks

[loyboy]

Hey Guys, Please i need a solution to this issue....Thanks

[Dragate]

Same problem here. Pagination has vanished from pretty much every datatable I've used it in. The pagination component seems to exist in the dom but is, unfortunately, hidden. Had to downgrade to 6.7.1.

[jbetancur]

Details will provide you with a must faster response, as well as using the Issue Issue Checklist. Note: I've tried to duplicate this in Chrome, Firefox, and Safari latest versions with no luck (at least with a basic setup)

• What version of RDT were you using?
• What browsers and versions?
• Have you tried to setup the issue? https://github.com/jbetancur/react-data-table-component/blob/master/.github/ISSUE_TEMPLATE/bug_report.md This helps greatly in troubleshooting

On the last item sometimes it's the components around the table that can cause this. eg div component using display flex column

[jbetancur]

Yea, it's a wrapping element that is the catalyst and I only see it in Firefox and Safari when I enclose the table in a flex element. I suspect there is some height thing in RDT that is causing this that I need to track down.
@loyboy and @Dragate can you confirm this is the case on your end that using this code causes the issue?

const Div = styled.div`
  display: flex;
`;

const BasicPaginationTable = () => (
  <Div>
    <DataTable
      title="Movie List"
      columns={columns}
      data={data}
      pagination
    />
  </Div>
);

[jbetancur]

Please try updating to 6.9.2 and let me know if this solves your issues

[Dragate]

Fixed indeed. Tyvm.

[AllenNguyen0417]

Does anyone know how to fix this issue? The pagination is displaying but not working.
"react-data-table-component": "^7.5.3",
"react-dom": "^18.2.0",