Zeilenumbruch in Tabelle

Martin01 · 28.10.2021

Hallo Zusammen,
ich lege die Zellen einet Tabelle dynamisch an und fülle diese dabei mit Text. Der Text soll an bestimmten Stellen Zeilenumbrüche enthalten. Ich habe das Thema schon seit Stunden gegoogelt, finde aber keine Lösung.

hier der Quelltext: (Button oben links drücken)

<html>
<head>
<title>Umbruchtest</title>
<script type="text/javascript">

function addRow(tableID){
let tableRef = document.getElementById('mytable-js');
// Füge am Ende der Tabelle eine neue Zeile an
let newRow = tableRef.insertRow(-1);
// Erstelle in der Zeile eine Zelle am Index 0
let newCell = newRow.insertCell(0);
var str = "java-text:<br /> \n hier sollte Zeile2 sein";
let newText = document.createTextNode(str);
newCell.appendChild(newText);
}
</script>
</head>
<body>
<button onclick="addRow('mytable-js');">test</button>
<table border=”2″ id="mytable-js">

<thead>
<tr>
<td>Beschreibung </td>
</tr>
</thead>
<tbody>
<tr>
<td>html-text<br />Mit Zeilenumbruch (so soll es aussehen) </td>
</tr>
</tbody>
</table>
</body>
</html>

Vielleicht hat ja irgendjemand eine Idee.

basti1012 · 29.10.2021

Was steht den da ???

createTextNode

Das macht das ,was auch da steht.
Du musst HTML erstellen.

HTML:

<script>
function addRow(tableID){
    let tableRef = document.getElementById('mytable-js');
    let newRow = tableRef.insertRow(-1);
    let newCell = newRow.insertCell(0);
    newText=newCell.innerHTML= "java-text:<br> hier sollte Zeile2 sein";
    newCell.appendChild(newText);
}
</script>

Martin01 · 29.10.2021

Vielen Dank für die Antwort. Im html-file funktioniert das.
Ich programmiere Delphi mit tms-webcore. Das ist eine Entwicklungsumgebung, in der ich die Delphi-Sprachelemente nutze und der Kompiler anschließend ein javascript ausgibt. Da die Maschinensprache des Kompilers quasi javascript ist, kann ich javascript direkt im Delphicode einbinden.
Dort bekomme ich leider folgende Fehlermeldungen:
1.) "newText is not defined" -> ich setze vor newText ein let so dass sich folgende Zeile ergibt:
let newText=newCell.innerHTML= "java-text:<br> hier sollte Zeile2 sein";
Die erste Fehlermeldung verschwindet. Es erscheint nun folgende Meldung:
2.) Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
Hiermit kann ich leider wenig anfangen, da ich mich mit java kaum auskenne.
Das Thema übersteigt sicher den Rahmen diese Forums aber vielleicht hast du ja einen Tipp.