Bootstrap CSS動態表手風琴

我正在尋找一個可能的實現或想法如何做到這一點，應該做什麼。從本質上講，我有我要製作成手風琴一個表，我一直在關注一個位置：Bootstrap CSS動態表手風琴

http://www.bootply.com/fdTMNTiLis

的問題是，這種實現提出了例如「＃demo1的」，「＃DEMO2 「當你知道數據和所有事情時都可以，但是我的實現適用於來自數據庫的產品，因此不會完全知道」＃demo1「只是產品ID。

我的問題是，是否有一個更優雅的方式來顯示這些信息，而不需要爲包含ID的每一個創建一個隱藏行？

來源

2017-04-19 Phorce

選擇由'id'是迄今爲止'javaScript'選擇的最有效的方法。此外，我很確定你的產品有ID。什麼阻止你將它們添加到每一行？ –

-1

您可以對所有數據（作業名稱描述提供程序名稱 - 區域狀態）和Thymeleaf使用數據庫，以便可視化HTML頁面中的所有數據。

E.g.

<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>

請閱讀Thymeleaf的指南以獲取更多使用示例。

您在我們的項目需要一個Controller.java到工作與數據庫連接

來源

2017-04-19 12:01:27

Bootstrap CSS動態表手風琴

回答

相關問題