Slow table paint/display

I have this table that takes a few seconds to display coz its painting, the api call is only about 500ms, but it takes bout 3-4 sec to paint. Not sure how to read this, any ideas on how i can speed it up? code: https://playground.solidjs.com/anonymous/fb9a05d0-248d-4cbb-a31b-ddb2ea2f9ad7
Solid Playground
Quickly discover what the solid compiler will generate from your JSX template
No description
5 Replies
peerreynders
peerreynders2mo ago
That playground link was likely created before you finished the example. Only once you are done click "share with minified link" and share the new link.
deepvora92
deepvora922mo ago
Thats the code, i've just not added the effects and other things, just wanted to see if anything was wrong with that component
bigmistqke
bigmistqke2mo ago
that's a lot of memory/nodes/listeners, looks like a huge amount of data being presented. best shot is probably virtualisation. there are also table libraries that can help (tanstack table and ag grid come to mind)
deepvora92
deepvora922mo ago
i'll try adding vritulisation, and maybe ag-grid as it come with a lot of stuff out of the box
peerreynders
peerreynders2mo ago
Just an FYI
GitHub
ag-grid-solid not updated to 31.2.0 or error in documentation ? · I...
In the documentation (here: https://www.ag-grid.com/react-data-grid/solidjs/) it says to use the package ag-grid-solid="~31.2.0" but the latest published version of ag-grid-solid is 31.1....