react-data-table-component icon indicating copy to clipboard operation
react-data-table-component copied to clipboard

Add `paginationComponentOptions.minWindowWidth` (defaults to `SMALL == 599`)

Open ryan-williams opened this issue 1 year ago • 2 comments

Conditional rendering in Pagination causes SSR hydration errors in Next.js apps

Workaround / Fix

This PR adds the ability to pass paginationComponentOptions={{ minWindowWidth: null }} to DataTable, to always render the "rows per page" and "page range" parts of the pagination footer, which ensures server and client DOMs will match.

ryan-williams avatar Apr 15 '24 02:04 ryan-williams

Deploy Preview for react-data-table-component ready!

Name Link
Latest commit 32f5d0228ed722a3bd5885bb49bd63ca464570c8
Latest deploy log https://app.netlify.com/sites/react-data-table-component/deploys/661c8ac73516160008ed1a18
Deploy Preview https://deploy-preview-1227--react-data-table-component.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar Apr 15 '24 02:04 netlify[bot]

Just noticed #1103, I think this addresses that

ryan-williams avatar May 25 '24 17:05 ryan-williams