Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 引导表展开/折叠表示例开始折叠_Jquery_Html_Bootstrap Table - Fatal编程技术网

Jquery 引导表展开/折叠表示例开始折叠

Jquery 引导表展开/折叠表示例开始折叠,jquery,html,bootstrap-table,Jquery,Html,Bootstrap Table,我正在实现一个包含展开/折叠组的表,它正在工作,但我不知道如何开始折叠组 我正在处理这个问题: 如果单击标题,此图像中的蓝色行以及下面的行将折叠 如何更改它以使这些组默认折叠 编辑:包括代码 我正在使用的页面使用了大量引导和javascript,但这里是相关部分 HTML: 团体 名称 我找到了一个解决方案,实际上非常简单 在我上面链接的“collasing table.js”文件中,我将“rowStyle”函数改为: //表函数 函数行样式(行、索引){ 返回{ 类:“要素行隐藏”

我正在实现一个包含展开/折叠组的表,它正在工作,但我不知道如何开始折叠组

我正在处理这个问题:

如果单击标题,此图像中的蓝色行以及下面的行将折叠

如何更改它以使这些组默认折叠

编辑:包括代码

我正在使用的页面使用了大量引导和javascript,但这里是相关部分

HTML:


团体
名称

我找到了一个解决方案,实际上非常简单

在我上面链接的“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>