Asp.net mvc 如何使用Bootstrap Accordion和ASP.NET MVC扩展和折叠表行?
我想使用引导程序手风琴展开和折叠表行 目前,如果我点击任何一行,它就会展开和折叠。但我想要的是,若我点击第二行,那个么第一行应该折叠,若它被展开,那个么依此类推Asp.net mvc 如何使用Bootstrap Accordion和ASP.NET MVC扩展和折叠表行?,asp.net-mvc,twitter-bootstrap,accordion,bootstrap-accordion,Asp.net Mvc,Twitter Bootstrap,Accordion,Bootstrap Accordion,我想使用引导程序手风琴展开和折叠表行 目前,如果我点击任何一行,它就会展开和折叠。但我想要的是,若我点击第二行,那个么第一行应该折叠,若它被展开,那个么依此类推 <div class=" panel-body"> <table class="table"> @foreach (var item in Model) { <tr>
<div class=" panel-body">
<table class="table">
@foreach (var item in Model)
{
<tr>
<td class="accordion-toggle" data-toggle="collapse" data-target="#AA_@(item.Id)">
<button class="bb" type="button">
@Html.Raw(item.H)
</button>
</td>
<td>
@Html.Raw(item.E)
</td>
</tr>
<tr>
<td id="AA_@(item.Id)" class="accordion-body collapse">
<table>
<tr>
<td>
@Html.Raw(item.D)
</td>
<td>
@Html.Raw(item.B)
</td>
</tr>
</table>
</td>
</tr>
}
</table>
</div>
@foreach(模型中的var项目)
{
@Html.Raw(item.H)
@Html.Raw(item.E)
@Html.Raw(item.D)
@Html.Raw(第B项)
}
我在SO上研究了我的问题,找到了@tmg on提供的一个解决方案。非常感谢@tmg。在我的场景中,我也遵循了同样的方法,这对我很有效
<div class="panel-body">
<table class="table">
@foreach (var item in Model)
{
<tr class="accordion-toggle" data-toggle="collapse" data-target="#AA_@(item.Id)">
<td>
<button class="bb" type="button">
@Html.Raw(item.H)
</button>
</td>
<td>
@Html.Raw(item.E)
</td>
</tr>
<tr>
<td class="hiddenRow">
<div class="accordian-body collapse" id="AA_@(item.Id)">
<table>
<tr>
<td>
@Html.Raw(item.D)
</td>
<td>
@Html.Raw(item.B)
</td>
</tr>
</table>
</div>
</td>
</tr>
}
</table>
</div>
添加了hiddenRow的样式
.hiddenRow {
padding: 0 !important;
}
解决了我的问题。
.hiddenRow {
padding: 0 !important;
}