twitter-bootstrap 使用 Bootstrap 表创建行/详细信息显示

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/20845275/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 19:36:47  来源:igfitidea点击:

Create a Row/Detail display with Bootstrap tables

jqueryasp.netcsstwitter-bootstraptwitter-bootstrap-3

提问by Unknown Coder

I have an ASP.NET application (non-MVC) that uses Bootstrap. I have a page that displays a gridview that uses Bootstrap CSS and it works great. But now I want to add the ability for user to click a particular row (record) and have a detail section open below that record and display some data. I'm really almost looking for a table where each row acts like an accordion panel where I can display the detail data. How can I go about this? I am unable to find any examples of Boostrap tables that display details

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

回答by Sebastien Kovacs

Take a look at http://getbootstrap.com/javascript/#collapseHope it's what you're looking for.

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

jsfiddle.net/whytheday/2Dj7Y/11It's maybe more what you are looking for.

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