在页面上平均分配表列

Question

我有一个放在桌子上的内容：

<table class="table table-hover" id="anliegenGrammatik"></table>

这是我的jQuery，我有AJAX请求，并使用填充（添加）上表的响应。

success: function(response) {
    $.each(response, function(index) {
        $.each(response[index].synonyms, function(index2) {
            $('#anliegenGrammatik').append('<tr> <td>' + response[index].synonyms[index2] + '</td> </tr>');
        });
    });
},

但是它有很多数据，像这样它会产生数百行。 我如何在jQuery中使其在页面上平均分配列和行。 例如，代替具有一个<tr> 100 <td> S，我想有4 <tr>和25 <td>每一行中第

这有可能吗？

Answer 1

 success: function(response) { $.each(response, function(index) { var item = 1; var totalItems = response[index].synonyms.length; var numRows = 4; // number of rows var cellsRow = Math.floor(totalItems/numRows); // number of cells per row var cells = ''; $.each(response[index].synonyms, function(index2) { cells += '<td>' + response[index].synonyms[index2] + '</td>'; if((item % cellsRow == 0) || item == totalItems) { $('#anliegenGrammatik').append('<tr>'+cells+'</tr>'); cells = ''; } item ++; }); }); },