javascript - 即使显示 100 个条目，DataTable 也需要花费大量时间来显示

Question

我正在动态地将值插入到DataTable中。我有大约 100 行，加载数据表大约需要 8-10 秒。有没有办法让它更快？

JsFiddle

谢谢!

Answer 1

这是一个显着改进的版本。我猜速度快了 50 倍。

for (var i=0, l=md.length; i<l; i++) { 
  var thisRow = [], x = md[i]
  thisRow.push('<u><a target="_blank" href="' + x.Data[0].Link + '">' + x.Data[0].Value + '</a></u>');
  for(var k=1; k<x.Data.length; k++){
    thisRow.push(x.Data[k].Value);
  }
  t.row.add(thisRow) 
  if (i == l-1) t.draw()
}

• 使用已知限制l的for循环，而不是极其昂贵的$.each
• draw() 仅在行插入完成时执行一次

更新了 fiddle -> https://jsfiddle.net/pdqjqbbp/1/