Jan^3: CSS: Tabelle mit 2 und mehr Kopfzeilen formatieren

Beitrag lesen

Hallo

ich habe es geschafft! 😀 JavaScript ist ja gar nicht so schwer und dank der perfekten Vorarbeit von Gunnar Bittersmann habe ich es in relativ kurzer Zeit geschafft. Vielen Dank!

So funktioniert es:

  var tableElement = document.querySelectorAll('table');
  var theadElement;
  var tbodyElement;
  var firstRowCellElements;
  var i, j, maxRowSpan = 0;
  
  for (j = 0; j < tableElement.length; j++) {
    theadElement = tableElement[j].createTHead();
    tbodyElement = tableElement[j].tBodies[0];
    firstRowCellElements = tbodyElement.rows[0].cells;
    
    for (i = 0; i < firstRowCellElements.length; i++)
    {
    	maxRowSpan = Math.max(maxRowSpan, firstRowCellElements[i].rowSpan);
    }
    
    for (i = 0; i < maxRowSpan; i++)
    {
    	theadElement.appendChild(tbodyElement.rows[0]);
    }
  }

Danke Euch allen!

Jan