Hallo zusammen
Ich arbeite zur Zeit an einem Tool für eine Druckerverwaltung.
Grob zum Aufbau:
- Im Hintergrund arbeitet eine MySQL Datenbank
- Webseite wird mit Bootstrap dargestellt
- php für die Abfrage der DB und mit Json einen String zurück geben
- JQuery wird diese Abfrage(php Aufruf) machen, soblad die Website geladen ist und den Json String in der Tabelle darstellen
Mein Ziel sieht so aus (habe es hier hard gecoded):

Die Abfrage funktioniert problemlos, nur weiss ich nicht, wie ich die Tabelle transponieren kann.
Die Daten werden unter dem letzten Tabellen-Header aufgelistet:

Hier der HTML-Code:
Hier wird im JavaScript mithilfe von JQuery die Tabelle befüllt:
Bei mir stellt sich jetzt die Frage, wie ich mein Ziel erreichen kann. Ich habe durch google einiges gefunden, jedoch ohne Erfolg.
Ich hoffe es alles soweit verständlich.
Danke und Gruss
n0NamE
Ich arbeite zur Zeit an einem Tool für eine Druckerverwaltung.
Grob zum Aufbau:
- Im Hintergrund arbeitet eine MySQL Datenbank
- Webseite wird mit Bootstrap dargestellt
- php für die Abfrage der DB und mit Json einen String zurück geben
- JQuery wird diese Abfrage(php Aufruf) machen, soblad die Website geladen ist und den Json String in der Tabelle darstellen
Mein Ziel sieht so aus (habe es hier hard gecoded):

Die Abfrage funktioniert problemlos, nur weiss ich nicht, wie ich die Tabelle transponieren kann.
Die Daten werden unter dem letzten Tabellen-Header aufgelistet:

Hier der HTML-Code:
HTML:
<table class="table" id="druckerdetails" >
<thead >
<tr><th>Name</th></tr>
<tr><th>IP</th></tr>
<tr><th>Standort</th></tr>
<tr><th>Abteilung</th></tr>
<tr><th>Kontakt</th></tr>
<tr><th>Seriennummer</th></tr>
<tr><th>Hersteller</th></tr>
<tr><th>Modell</th></tr>
</thead>
<tbody>
</tbody>
</table>
Hier wird im JavaScript mithilfe von JQuery die Tabelle befüllt:
Code:
$(document).ready(function() {
$('#druckerdetails').dataTable( {
"bPaginate": false,
"bLengthChange": false,
"bFilter": false,
"bSort": false,
"bInfo": false,
"bAutoWidth": false,
"bProcessing": true,
"bServerSide": false,
"sAjaxSource": 'druckerdetails.php?druckername=RAGPLC001'
} );
} );
Bei mir stellt sich jetzt die Frage, wie ich mein Ziel erreichen kann. Ich habe durch google einiges gefunden, jedoch ohne Erfolg.
Ich hoffe es alles soweit verständlich.
Danke und Gruss
n0NamE