Datatables pagination

[Jromero97]

Hey, I have a doubt with the datatable component of rmwc, there is a function to make pagination like datatable.js plugin? or any related?

[jamesmfriedman]

There isn’t one built in, but the way it is structured is intentional so it can easily be used with third party libraries like react-virtualized.

[jamesmfriedman]

@Jromero97 I'm going to close this one out since its not an issue. I don't plan on adding pagination to the data table component since data handling can be quite specific to how your app is structured. Let me know if there is something else I can help with.

[windgaucho]

@jamesmfriedman Can you please show me an example on how can I use the Datatables component with react-virtualized?

[jamesmfriedman]

I need to update the docs to not call that out. I wrongfully assumed it would work but unfortunately react virtualized doesn’t handle anything except divs.

I’ll put on the todo list finding a virtual scrolling library that plays nice.

[windgaucho]

About pagination? have you used some pagination component with the datatables component?

[jamesmfriedman]

Just home rolled ones. The whole thing is very dependent on any particular app's state and if want to paginate via page numbers or scrolling. Curious, how much data are you trying to visualize?

[windgaucho]

It's depends, I want to use the datatable in every component of my app. In some components (components that handle the configuration of my app) it is not much data.
But in other component (the main ones) handle to much data.
Nevertheless I want to use the same datatable component in all my app and keep my ui consistent.
Currently I am using antd in all of my applications and I want to migrate it to material component but I am unnable to find some datatable component that suits my needs.
Because of that I am asking if you know some paginator that you have used with your datatable component.

[ohanar]

Is there any update on this? I'm also interested in this for lists. For reference, I have tables and lists that can have more than a million rows, which crashes browsers unless something like react-virtualized or react-window is used.

[jamesmfriedman]

Yes as a matter of fact, I was able to solve it with react-window.

bvaughn/react-window#60 (comment)