折叠后Bootstrap手风琴双边框

Question

我有一个页面在while循环中显示来自db的信息。使用Bootstrap表和var $ loopcounter为每行提供一个单独的id。当克服一条线时，我能够扩展每一行的信息。由于SO和Google，这非常有效。

我现在的问题是该表格显示隐藏/折叠行的双线。我尝试了几种解决方案，如填充：0！重要，边框颜色：#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： 注意行折叠时的双边框

Answer 1

它实际上是一个非常简单的解决方案，只是使用border：none

设计隐藏的TD