The problem that jQuery append () method elements are too many and take too long

1. The original code forms a html string through the data returned in the background, and then the foreground adds the
code to the page at one time through the append method. The code is similar to:
$("- sharpgrid") .append (trHtml);
in which trHtml is mainly a table composed of td tr elements. Similar to the following figure:

2. Problem: now, due to the larger scale, the trHtml returned by the background contains a node with 1W nodes, so the above line of code takes too long and once reached the state of fake death of the page. So is there any way to make it faster without other plug-ins? At present, it is known that similar tables can be implemented with jqwidgets"s jqxTreeGrid plug-in, but it takes too much effort to rewrite business logic and so on.

Mar.12,2021

1 week. Can't you page it or adjust the interface


if you don't render it first?

I can just use a table plugin
recommend bootstrap-table

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bf2011-31ddc.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bf2011-31ddc.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?