Bootstrap-Table 展开/折叠表格示例开始折叠
发布于2021-12-27 07:35 阅读(3264) 评论(0) 点赞(30) 收藏(3)
我正在实施一个具有扩展/折叠组的表，并且它正在工作，但我不知道如何开始折叠组。
我正在处理这个：http : //jsfiddle.net/Knoxvillekm/byv2pk24/
如果单击标题，此图像中的蓝色行和下方的行将折叠。
如何更改它以便默认情况下折叠这些组？
编辑：包括代码。
我正在使用的页面使用了很多引导程序和 javascript，但这里是相关部分。
HTML：
<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>
解决方案
我找到了一个解决方案，实际上非常简单。
在上面链接的“collapsing-table.js”文件中，我将“rowStyle”函数更改为：
//Table functions
function rowStyle(row, index) {
return {
classes: 'feature-row hidden'
}
}
注意“隐藏”标签。这使行默认隐藏！
编辑：这不适用于搜索，这意味着正确实施此操作比我目前准备进行的工作要付出更多努力......
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/270818/50edb888e88647fa3e9e/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力