Question

我正在实现一个扩展/折叠组的表，它正在运行，但我无法弄清楚如何启动组崩溃。

我正在处理这个问题：http://jsfiddle.net/Knoxvillekm/byv2pk24/

如果单击标题，则此图像中的蓝色行将折叠下方的行。

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

编辑：包括代码。

我正在使用的页面使用了大量的bootstrap和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>

Answer 1

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

在＆＃39; collapsing-table.js＆＃39;文件我链接到上面，我改变了＆＃39; rowStyle＆＃39;功能如下：

//Table functions
function rowStyle(row, index) {
    return {
        classes: 'feature-row hidden'
    }

}

请注意隐藏的＆＃39;标签。这会使行默认隐藏！

编辑：这不适用于搜索，这意味着正确实施这项工作比我准备进入目前更加努力......

Bootstrap-Table扩展/折叠表示例开始折叠

1 个答案: