Tabelle mit nur einer Spalte generieren

Question

Hallo ich versuche, eine Tabelle mit nur einer Spalte zu generieren. So werden meine Links nur in einer Spalte angezeigt.

Hier ist meine Funktion:

function createTableForPdfFiles() { 

     //To Create The Table 
     var table = document.createElement("table"); 
     table.setAttribute('id', 'pdfTable'); 
     table.setAttribute('class', 'AANTable'); 

     // insert Title Row 
     var TitleRow = table.insertRow(); 
     var cell = TitleRow.insertCell(); 
     cell.setAttribute('class', 'AANTitleRow'); 
     cell.setAttribute('colSpan', pdfFiles.length + 1); 
     cell.appendChild(document.createTextNode("Datenblätter")); 

     //Insert Table Rows 
     var pdfRow = table.insertRow(); 
     var cell = pdfRow.insertCell(); //Where the PDF´s are displayed 
     cell.setAttribute('class', 'AANPdfRow'); 

     for (var i = 0; i < pdfFiles.length; i++) { 
      var cell = pdfRow.insertCell(); 
      var link = document.createElement("a"); 
      link.setAttribute("href", "www.test.at" + pdfFiles[i].Link); 
      var linktext = document.createTextNode(pdfFiles[i].Link); 
      link.appendChild(linktext); 
      cell.appendChild(link); 
      cell.setAttribute('class', 'AANPdfCell'); 

     } 

     $("#divTable").append(table); 
} 

Im Moment sieht es so aus:

Aber ich will es so aussehen:

So wie ich, dass ich diese possibe machen ? Ich habe versucht, eine weitere Zeile zur Tabelle hinzuzufügen, aber der Debugger sagt nicht unterstützt ...... Jede Hilfe wäre wirklich toll.

danke für deine Zeit.

Answer 1

Sie müssen für jedes PDF eine neue Zeile erstellen.

Hae diese für

var pdfRow = table.insertRow(); 
var cell = pdfRow.insertCell(); //Where the PDF´s are displayed 
cell.setAttribute('class', 'AANPdfRow'); 

Inside the setzen

werfen Sie einen Blick auf diese ->fiddle