2016-04-04 487 views
1

我正在實施一個表展開/摺疊組,並且它正在工作,但我無法弄清楚如何啓動摺疊組。Bootstrap-Table展開/摺疊表示例開始摺疊

我與這方面的工作:http://jsfiddle.net/Knoxvillekm/byv2pk24/

如果單擊標題,該圖像中的藍色行,坍塌下的行。

bootstrap-table groups

我怎樣才能改變它,以便這些組默認處於摺疊狀態?

編輯:包括代碼。

我正在使用的頁面使用了大量的引導程序和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> 
+0

有幾個鏈接與類似的問題和解決辦法,我希望他們幫助。 http://stackoverflow.com/questions/332592/making-slidetoggle-elements-collapsed-by-default-in-jquery http://stackoverflow.com/questions/6931497/jquery-toggleclass-and-expand-collapse-image http://stackoverflow.com/questions/23537261/keeping-first-menu-item-expanded-in-jquery – bantandor

+1

在這裏發佈相關的最小標記。小提琴隨着時間的推移而來回走動。 – Rob

+0

感謝@Rob,但是涉及到一些相當的代碼......我不確定如何簡潔地總結它。我會盡力。 –

回答

1

我找到了解決辦法,這其實很簡單。

在「崩潰-table.js」文件鏈接我上面,我改變了「rowStyle」功能,這一點:

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

} 

注意「隱藏」的標籤。這使得行默認隱藏!

編輯:這並不與搜索,這意味着執行這種條件需要付出更多的努力比我準備進入當前工作...