Tabuľka rádia HTML musí dynamicky vytvárať - javascript, jquery, html, json

Robil som nejaký re factoring pre stránku, Na tejto stránke mám veľa skupín prepínačov.Data pre prepínače pochádzajú z databázy a niekedy z vyrovnávacej vrstvy.

Asi budem mať takmer 100 prepínačov. Musím ich usporiadať do 5 riadkov stĺpca 20.

Populácia údajov sa deje prostredníctvom arraylistu. Uvažoval som o konverzii tohto arraylistu na json a potom som ho použil na rozloženie prepínačov vo formáte tabuľky HTML.

Viem, že existuje veľa doplnkov pre stavebné tabuľky, avšak nespĺňajú moje požiadavky. Ako som zostavil 5 riadkov a 10 stĺpcových tabuliek s mojimi údajmi za behu.

Niečo ako

<tr>
<td>radio1</td>
<td>radio2</td>


<td>radio10</td>
</tr>
<tr>
<td>radio11</td>
<td>radio12</td>

<td>radio20</td>

Výzva je, že neviem vopred, koľko údajov získam za tabuľku. Ocenia niektoré myšlienky.

odpovede:

1. Slučka cez objekt JSON.
2. Použite mod ("%") na pripojenie nového tr každých desať položiek
3. Výstup položiek td (s obsahom) do posledného pridaného tr.

Ak používate jQuery, skúste niečo podobné:

var holderDiv = $("#myDivId");
var i = 0;
var myData = jQuery.parseJSON(response);
$.each(myData, function(key,value) {
if(i == 0 || i == i%10){
holderDiv.append("<tr>");
}
holderDiv.find("tr:last-child").append("<td>" + value + "</td>");
i++;
}