摺疊時引導手風琴的雙邊框

我有一個頁面，顯示while循環中db的信息。使用Bootstrap表和一個var $ loopcounter，它爲每行提供一個單獨的id。當在一條線上登錄時，我可以擴展每一行的信息。由於SO和Google，這個工作非常完美。摺疊時引導手風琴的雙邊框

我現在的問題是，該表顯示隱藏/摺疊行的雙行。我已經嘗試了幾種解決方案，比如padding：0！important，border-color：#FFF，border-color：none，沒有任何東西可以工作。還嘗試過colspan，但這隻會進一步擴大雙線。

HTML：

<table class="table table-striped table-hover"> 
    <thead> 
     <th>Name</th> 
     <th>Age</th> 
     <th>Adr</th> 
    </thead> 
    <tbody> 
    <?php while ($row = $variable->fetch()) { $loopcounter++ ;?> 
    <tr data-toggle="collapse" data-target="#row<?php echo $loopcounter; ?>" class="accordion-toggle"> 
     <td><?php echo $row['name']; ?></td> 
     <td><?php echo $row['age']; ?></td> 
     <td><?php echo $row['adr']; ?></td> 
    </tr> 
    <tr> 
     <td class="hiddenRow"><div class="accordian-body collapse" id="row<?php echo $loopcounter; ?>"> 
      <table> 
       <thead><tr><td>Some Header</td></tr></thead> 
       <tbody><tr><td><?php echo $row['name']; ?></td></tr></tbody> 
      </table> 
     </div> 
     </td> 
    </tr> 
    <?php } ?> 
    </tbody> 
    </table>

CSS：

.hiddenRow { 
    padding: 0 !important; 
    border-color: FFF; 
}

IMAGE：請注意，當行被倒塌

來源

2015-12-09 ChrVik

任何小提琴演示可用？ –

當然; https://jsfiddle.net/thmcts1j/雙線沒有出現在小提琴雖然..也許while循環造成它？ – ChrVik

它有實際上是一個非常簡單的解決方案的雙邊框，剛剛用邊框設計隱藏的TD：非e

來源

2015-12-09 15:26:35 ChrVik

摺疊時引導手風琴的雙邊框

回答

相關問題