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中使其在页面上平均分配列和行。例如，我希望每行有4个<tr>和25个<td>，而不是一个<tr>和100个<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 ++;
        });
    });
},

在页面上平均分配表列

1 个答案: