Optymalizacja generowania tabeli html. Opcje

[KsaR]

[JAVASCRIPT] pobierz, plaintext 
var
d = document,
div = d.createElement('div'),
i=0,
larr = [],
lvls = [0,10,40,110,260,...]; // 1k int'ów.
 
while (1000!==++i) {
   larr[i]='<tr><td>'+(i+1)+'</td><td>'+lvls[i]+'</td></tr>';
}
 
div.innerHTML = '<table id="levels">
<tr>
   <th>LvL</th><th>Experience</th>
</tr>'+
larr.join('')
+'</table>';
 
d.body.appendChild(div);
[JAVASCRIPT] pobierz, plaintext 

Wygenerowanie tabeli zajmuję około 2s na moim tablecie,
a strona będzie głównie na urządzenia mobilne.
Da się jakoś zoptymalizować to? Bo już bardziej nie potrafię (IMG:style_emoticons/default/tongue.gif)

[KsaR]

[JAVASCRIPT] pobierz, plaintext 
while (1000!==++i) {
   larr[i]=(i+1)+' '+lvls[i];
}
 
var lvl = document.getElementById('lvl');
lvl.innerHTML = `<table id="levels">
<tr>
  <th>LvL</th><th>Experience</th>
</tr>`+
larr.join(',').replace(/(\d+)\s(\d+),/g, "<tr><td>$1</td><td>$2</td></tr>")
+`</table>`;
 
larr = lvls = [];
 
if (w && w.supports && w.supports('overflow', 'scroll')) {
   lvl.style='overflow:scroll;height: 250px;max-width: 200px;border:1px solid gray';
}
[JAVASCRIPT] pobierz, plaintext 

Tylko teraz dziwnie działa:

• Przed tabelka mam ostatni element z tablicy.
• W tabelce zaczyna sie lvl od 2 zamiast od 1.

I coś nie dodaję mi scrollowania ale to chyba nie związane z tym.

live demo

Ten post edytował KsaR 26.04.2016, 15:19:21