Bootstrap CSS dynamische Tabelle Akkordeon

Question

Ich bin auf der Suche nach einer möglichen Umsetzung oder Idee, wie dies getan werden kann und sollte. Im Grunde habe ich eine Tabelle, die ich in ein Akkordeon machen will und ich habe hier im Anschluss an denen gewesen:

http://www.bootply.com/fdTMNTiLis

Das Problem ist, dass diese Umsetzung beispielsweise legt „# demo1“, „# demo2 "Das ist in Ordnung, wenn Sie die Daten kennen und alles, aber meine Implementierung ist für Produkte, die aus einer Datenbank kommen und daher nicht genau wissen" # demo1 "ist nur die Produkt-ID.

Meine Frage ist, gibt es einen eleganteren Weg, um diese Informationen anzuzeigen, ohne für jeden, der eine ID enthält, eine versteckte Zeile zu erstellen?

Answer 1

Sie können eine Datenbank für alle Daten (Job Name-Beschreibung-Provider Name-Region Status) und Thymeleaf für die Visualisierung aller Daten in HTML-Seite verwenden.

z.

<tr th:each="datas : ${data}" 
        th:attr="data-dataId=${data.id}" data-toggle="collapse" data-target="#demo1" class="accordion-toggle"> 
       <td><button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-eye-open"></span></button></td> 
     <td th:text="|${data.name}|">OBS Name</td> 
     <td th:text="|${data.description|">OBS Description</td> 
     <td th:text="|${data.cloud}|">hpcloud</td> 
     <td th:text="|${data.nova}|">nova</td> 
     <td> created</td> 

    </tr> 

die Führung von Thymeleaf für weiteres Beispiel Lesen zu verwenden.

Sie benötigen einen Controller.java in unserem Projekt Job mit einer Datenbankverbindung