Bootstrap CSS动态表手风琴

问题描述：

我正在寻找一个可能的实现或想法如何做到这一点，应该做什么。从本质上讲，我有我要制作成手风琴一个表，我一直在关注一个位置：Bootstrap CSS动态表手风琴

http://www.bootply.com/fdTMNTiLis

的问题是，这种实现提出了例如“＃demo1的”，“＃DEMO2 “当你知道数据和所有事情时都可以，但是我的实现适用于来自数据库的产品，因此不会完全知道”＃demo1“只是产品ID。

我的问题是，是否有一个更优雅的方式来显示这些信息，而不需要为包含ID的每一个创建一个隐藏行？

选择由'id'是迄今为止'javaScript'选择的最有效的方法。此外，我很确定你的产品有ID。什么阻止你将它们添加到每一行？ –

答

您可以对所有数据（作业名称描述提供程序名称 - 区域状态）和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到工作与数据库连接

Bootstrap CSS动态表手风琴

相关推荐