Hallo,

ich möchte das erste mal eine Tabelle für Datenbankdaten dynamisch erstellen, um damit dann die einzelnen Felder zu editieren, löschen, hinzufügen ... (Daten aus der Datenbank werden beim Start per php dem Javascript zugeführt)

Hier habe ich mich schlau gemacht, vermutlich nicht schlau genug 🤔

Ich habe eine Tabelle (nur die <th> Zeile) fest im html code integriert. Wenn ich nun die Tabelle erzeuge, werden die rows und cols erstellt, sehe ich, jedoch ohne "Textinhalt".

Dies sollte eigentlich mit td.textContent = value; passieren.

value bringt bei console.log(value) die richtigen Werte.

function onloadStart()
{
	table = document.getElementById("myTable"); 
	tbody = document.getElementById("myTable").getElementsByTagName('tbody')[0];
	
	addRow(datapoints);
}


function addRow(rowData) 
{
	const tr = document.createElement("tr");
	const td = document.createElement("td");
	const row = tbody.insertRow();
	let x; let cell;
	
	for (let i = 0; i < rowData.length; i++)
	{
		const row = tbody.insertRow();
	         cell = row.insertCell();
			
		td.textContent = 'add';
		tr.appendChild(td);
		td.textContent = 'edit';
		tr.appendChild(td);
		td.textContent = 'del';
		tr.appendChild(td);
	    
		Object.entries(rowData[i]).forEach(([key, value]) => {
			cell = row.insertCell();
			td.textContent = value;
			tr.appendChild(td);
		});

	}
	
	table.appendChild(tbody);

Was könnte hier die Ursache sein ??

Zusätzlich hätte ich noch die Frage, wie den jeweiligen Zellen unterschiedlich ein "onclick" event dynamisch hinzufügen ?

Vielen Dank !!!