Javascript将数据划分为每10个数据显示，然后另一组设置到右列

Question

如何将列表划分为每 10 个数据，然后将下一个数据设置到右列？

$("#Button50").click(function(){ 
    var pemenang_undian=new Array();
    var database = openDatabase("undian","1.0", "Contact Manager", 200000); 
    database.transaction(function (tx) {
        tx.executeSql('SELECT * FROM undian', [], function (tx, results) {
          var len = results.rows.length, i;
          for (i = 0; i < len; i++) {
            pemenang_undian.push(results.rows.item(i).name);
          }
        pemenang_undian=shuffle(pemenang_undian);
        document.getElementById("hasil").innerHTML= 'Pemenang 50 Peserta<br>';
            for (var j=0;j<50;j++)
            {
                tx.executeSql('delete from undian where no = '+pemenang_undian[j]);
                tx.executeSql('INSERT INTO pemenang_undian (no, name,time) VALUES ('+pemenang_undian[j]+', "'+pemenang_undian[j]+'", "50x1")');
                document.getElementById("hasil").innerHTML = document.getElementById("hasil").innerHTML + ("<td>"+pemenang_undian[j]+"</td>");
            }

        });
        pemenang_undian= [];

        document.getElementById("Button50").disabled=true;
        setTimeout(function() {document.getElementById("Button50").disabled=false;},5000);
    });
    }); 

HTML

<table id="hasil"></table>

当前数据将带中断显示。

我想要的是:

Answer 1

希望这会有所帮助:

//Get your data into one variable like below
let arr = [1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10]
let count = 0;
let array_new = []
let final_arr = []

// Seperate data into 10 number of blocks.
for(let i = 0; i< arr.length; i++){
    count++;
    array_new.push(arr[i])
    if (count%10 == 0) {
        final_arr.push(array_new)
        array_new = []
    }
}

//Get data that will generate rows, rows will combine into one array.
for (var i in final_arr) 
{
   console.log("row " + i);
   for (var j in final_arr[i]) 
     {
      console.log(" " + final_arr[i][j]);
     }
}
console.log(final_arr) // This array will have your data into chunks.

//Now append data in html tag for generate column.
var htmlStr = "<tbody>";
for(let i=0; i < final_arr.length; ++i) {
    htmlStr += "<tr>";
    htmlStr += "<td>" + final_arr[i] + "</td>";
    htmlStr += "</tr>";
}
htmlStr += "</tbody>"

console.log(htmlStr) //append this string into your div using jQuery/JS