So implementieren Sie die Vervollständigung leerer Zellen in HTML-Tabellen

/**
 * @class renderTable
 * Geben Sie ein Array und die Anzahl der Spalten ein, um eine Tabellenmarkierung zu generieren.
 * @param {Array} Liste
 * @param {Number} Spalten
 * @param {Funktion} getValue
 */
definieren(Funktion(erfordern, Exporte, Modul) {
 module.exports = Funktion (Liste, Spalten, getValue) {
  diese.liste = Liste;
  diese.cols = cols || 5;
  
  dies.getValue = getValue || dies.getValue;
 }
 
 module.exports.prototype = (neue Funktion(){
  this.render = Funktion(Liste){
   Liste = Liste || diese.Liste;
   
   var len = Liste.Länge;
   var cols = this.cols; // Anzahl der Ziffern var rows;
   var Rest = Länge % Spalten;
   var htmls = [];
    Zeilen = Länge / Rest;
    
   if(remainder == 0){ // Kann ohne Rest geteilt und direkt verarbeitet werden list.forEach(addTr.bind({
     Pässe: Pässe,
     html: html,
     getValue : dies.getValue
    }));
   }else{ // Rest verarbeiten var remainnerArr = list.splice(list.length - remainder);
    
    Liste.fürJeden(addTr.bind({
     Pässe: Pässe,
     html: html,
     getValue : dies.getValue
    }));
   
    // Füllen Sie die Lücken aus. var emptyArr = new Array(cols - remainnerArr.length);
    emptyArr = emptyArr.join('leer');
    emptyArr = emptyArr.split('leer');
    // Rest + leerer Raum remainnerArr = remainnerArr.concat(emptyArr);
    
    wenn(restArr.length != cols){
     throw 'Die Länge der letzten Zeile ist falsch! Die Länge sollte ' + Spalten sein;
    }
    remainnerArr.forEach(addTr.bind({
     Pässe: Pässe,
     html: html,
     getValue : dies.getValue
    }));
   }
   
   
   gibt addTable zurück (htmls.join(''));
  }
  
  /**
   * Die Standardfunktion zum Abrufen des angezeigten Werts. Diese Funktion sollte normalerweise überschrieben werden.
   * @param {Gemischt}
   * @return {String}
   */
  this.getValue = Funktion(Daten){
   Daten zurückgeben;
  }
   
  /**
   * Fügen Sie für jeden Wert ein <td></td> hinzu. Wenn eine Zeile voll ist, fügen Sie ein </tr></tr> hinzu.
   * @param {Gemischtes} Element
   * @param {Zahl} i
   * @param {Array} arr
   */
  Funktion addTr(Element, i, arr){
   var html = '<td>' + this.getValue(item) + '</td>';
   
   wenn(i == 0){
    html = "<tr>" + html;
   }sonst wenn((i + 1) % this.cols == 0 && i != 0){
    html += '</tr><tr>';
   }sonst wenn(i == arr.length){
    html += '</tr>';
   }
   
   dies.htmls.push(html);
  }
  
  /**
   * 
   * @param {String} html
   */
  Funktion Tabelle hinzufügen (html) {
   gibt „<Tabelle>“ + html + „</Tabelle>“ zurück;
 // var Tabelle = document.createElement('Tabelle');
 // Tabelle.innerHTML = html;
 // Tabelle.Rand="1";
 // Dokument.Body.AppendChild(Tabelle);
  }
 });
});

<%
 //Leere Zellen vervollständigen String tds = ""; int maxTds = 9; 
 Liste<?> Liste = (Liste<?>)request.getAttribute("Liste");
 für(int i = 0; i < (maxTds - list.size()); i++ ) {
  tds += "<td></td>";
 }
 
 Anfrage.setAttribute("tds", tds);
%>
  <Tabelle>
   <tr>
    <c:foreach Elemente="${Liste}" var="Element">
     <td>
      <h3>${item.name}----${totalCount}</h3>
      <p></p>
      <div></div>
     </td>
     <c:if test="${((currentIndex + 1) % 3) == 0}">
   </tr>
   <tr>
    </c:if>
    <c:if test="${((currentIndex + 1) == totalCount) && (totalCount != 9)}">
     ${tds}
    </c:if>
    </c:foreach>
   </tr>
  </Tabelle>