Javascript 如何实时刷新基于纯文本的jsgrid？

我正在尝试使用基于纯文本的jsgrid创建一个动态数据网格

我知道我可以使用“可编辑”选项，并使用自己的jsgrid工具来实现动态datagrid，但该项目的重点是一个特定的领域，其中大多数用户都习惯于使用纯文本来复制和归档相关数据，因此，我必须使用纯文本，以便在必要时方便地输入和输出数据

到目前为止，我只是在每次更改输入时重新编写数据网格，但很明显，随着输入变得越来越大，编写速度就越慢

以下是测试链接：

尝试将此作为输入：

1 Zedruu the Greathearted
1 Steel Golem
1 Illusions of Grandeur
1 Pyromancer's Swath
1 Celestial Dawn
1 Gilded Drake
1 Vedalken Plotter
1 Political Trickery
1 Shifting Borders
1 Phyrexian Metamorph
1 Psychosis Crawler
1 Mirror-Sigil Sergeant
1 Yosei, the Morning Star
1 Keiga, the Tide Star
1 Consecrated Sphinx
1 Sun Titan
1 Niv-Mizzet, the Firemind
1 Numot, the Devastator
1 Eternal Dragon
1 Quicksilver Gargantuan
1 Chancellor of the Spires
1 Bogardan Hellkite
1 Iona, Shield of Emeria
1 Hinder
1 Spell Crumple
1 Forbid
1 Decree of Silence
1 Journey to Nowhere
1 Oblivion Ring
1 Detention Sphere (RTR)
1 Nevermore
1 Orim's Thunder
1 Dismantling Blow
1 Hallowed Burial
1 Terminus
1 Austere Command
1 Wild Research
1 Idyllic Tutor
1 Tezzeret the Seeker
1 Mystic Remora
1 Rhystic Study
1 Fact or Fiction
1 Future Sight
1 Aeon Chronicler
1 Sphinx's Revelation
1 Lightning Greaves
1 Whispersilk Cloak
1 Crystal Shard
1 Spreading Seas
1 Paradox Haze
1 Copy Enchantment
1 Venser the Sojourner
1 Sphere of the Suns
1 Vessel of Endless Rest
1 Darksteel Ingot
1 Coalition Relic
1 Expedition Map
1 Journeyer's Kite
1 Pilgrim's Eye
1 Solemn Simulacrum
1 Command Tower
1 Homeward Path
1 Reliquary Tower
1 Kher Keep
1 Terramorphic Expanse
1 Evolving Wilds
1 Celestial Colonnade
1 Glacial Fortress
1 Mystic Gate
1 Flooded Strand
1 Azorius Chancery
1 Hallowed Fountain
1 Battlefield Forge
1 Arid Mesa
1 Rugged Prairie
1 Boros Garrison
1 Sacred Foundry
1 Cascade Bluffs
1 Steam Vents
1 Izzet Boilerworks
1 Shivan Reef
1 Vivid Meadow
1 Vivid Crag
1 Vivid Creek
1 Tolaria West
1 Mistveil Plains
6 Island
5 Plains
3 Mountain
1 Bruna, the Fading Light*
1 Gisela, the Broken Blade
1 Knight of the White Orchid
1 Thalia's Lancers
1 Sol Ring*
1 Thran Dynamo*
1 Caged Sun
1 Hedron Archive*
1 Worn Powerstone*
1 Pearl Medallion
1 Grand Abolisher
1 Serra Avenger*

---

编辑：将较大的样本设置为输入。

我确信问题很清楚。演示效果很好。我编辑了用于测试的输入。第一次编写网格时，没关系，它需要时间，但每次更改都需要相同的时间或更长的时间。您是否检查了占用最多时间的内容？是jsgrid代码花费的时间太长吗？尝试分析渲染，看看什么花费了大部分时间，这应该会给我们答案。我相信问题是清楚的。演示效果很好。我编辑了用于测试的输入。第一次编写网格时，没关系，它需要时间，但每次更改都需要相同的时间或更长的时间。您是否检查了占用最多时间的内容？是jsgrid代码花费的时间太长吗？尝试分析渲染，看看什么花费了大部分时间，这应该会给我们答案。