How to add virtualization concept to HTML table?
I am using a fixed height html table and has more rows. My problem is that the table is taking a long time to load due to more rows, is there a way to implement the virtualization concept in the table? Any help should be appreciated. Thank.
I need something like UI Virtualization :
UI virtualization means that the generation of elements is deferred until we scroll the elements into the visible area
source to share
HTML doesn't support this, but there are many JavaScript frameworks that can do it. The general term for this feature is "grid". Try google for "html JavaScript framework grid".
If you could provide us with more details on your needs and constraints (the protocol the table can use to load the data, what JavaScript structure you prefer, the web browsers that need to be supported, etc.), we could narrow down choice.
source to share