使用引导表创建行/详细信息显示

Posted 2023-03-06

【中文标题】使用引导表创建行/详细信息显示

【英文标题】：Create a Row/Detail display with Bootstrap tables

【发布时间】：2014-01-17 16:15:10

【问题描述】：

我有一个使用 Bootstrap 的 ASP.NET 应用程序（非 MVC）。我有一个显示使用 Bootstrap CSS 的 gridview 的页面，效果很好。但是现在我想添加用户单击特定行（记录）并在该记录下方打开一个详细信息部分并显示一些数据的功能。我真的几乎在寻找一个表格，其中每一行就像一个手风琴面板，我可以在其中显示详细数据。我该怎么办？我找不到任何显示详细信息的 Boostrap 表示例

【问题讨论】：

bootstrap 只是为您的表格设置样式，您需要为要显示的行编写自己的代码。如果详细信息行已经存在，可以使用一些非常简单的 jQuery 来完成

【参考方案1】：

看看http://getbootstrap.com/javascript/#collapse 希望它是您正在寻找的。​​p>

jsfiddle.net/whytheday/2Dj7Y/11这可能是您正在寻找的更多内容。

【讨论】：

嗯，是的，这是手风琴的一般功能。但我还没有看到像这样将它与 Bootrap 表结合起来的示例

jsfiddle.net/whytheday/2Dj7Y/11 这可能是您正在寻找的更多内容。