Jquery 引导表展开/折叠表示例开始折叠
我正在实现一个包含展开/折叠组的表,它正在工作,但我不知道如何开始折叠组 我正在处理这个问题: 如果单击标题,此图像中的蓝色行以及下面的行将折叠 如何更改它以使这些组默认折叠 编辑:包括代码 我正在使用的页面使用了大量引导和javascript,但这里是相关部分Jquery 引导表展开/折叠表示例开始折叠,jquery,html,bootstrap-table,Jquery,Html,Bootstrap Table,我正在实现一个包含展开/折叠组的表,它正在工作,但我不知道如何开始折叠组 我正在处理这个问题: 如果单击标题,此图像中的蓝色行以及下面的行将折叠 如何更改它以使这些组默认折叠 编辑:包括代码 我正在使用的页面使用了大量引导和javascript,但这里是相关部分 HTML: 团体 名称 我找到了一个解决方案,实际上非常简单 在我上面链接的“collasing table.js”文件中,我将“rowStyle”函数改为: //表函数 函数行样式(行、索引){ 返回{ 类:“要素行隐藏”
团体
名称
我找到了一个解决方案,实际上非常简单
在我上面链接的“collasing table.js”文件中,我将“rowStyle”函数改为:
//表函数
函数行样式(行、索引){
返回{
类:“要素行隐藏”
}
}
注意“隐藏”标签。这将使行在默认情况下隐藏
编辑:这对搜索不起作用,这意味着正确实现这一点比我目前准备进行的工作要多…有两个链接与类似的问题和解决方案,我希望它们能有所帮助。在这里张贴相关的最低分数。小提琴随着时间的推移而来又去。谢谢@Rob,但其中涉及到相当多的代码。。。我不知道如何简明扼要地概括它。我试试看。
<table class="table table-hover"
data-row-style="rowStyle"
id="layer-list"
data-unique-id="dataid"
data-group-by="true"
data-group-by-field="group"
data-search="true"
data-show-columns="false"
data-show-toggle="false"
data-detail-view="true"
data-detail-formatter="detailFormatter">
<thead class="hidden">
<tr>
<th class="hidden" data-field="group">Group</th>
<th data-field="title">Name</th>
<tr>
</thead>
<tbody class="searchable"></tbody>
</table>