【问题标题】:Create a Row/Detail display with Bootstrap tables使用引导表创建行/详细信息显示
【发布时间】:2014-01-17 16:15:10
【问题描述】:

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

【问题讨论】:

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

标签: jquery asp.net css twitter-bootstrap twitter-bootstrap-3


【解决方案1】:

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

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

【讨论】:

  • 嗯,是的,这是手风琴的一般功能。但我还没有看到像这样将它与 Bootrap 表结合起来的示例
  • jsfiddle.net/whytheday/2Dj7Y/11 这可能是您正在寻找的更多内容。
猜你喜欢
  • 1970-01-01
  • 2010-10-16
  • 1970-01-01
  • 2012-12-19
  • 2016-07-05
  • 2015-01-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多