Vermeiden Sie gestrichelten Rand Zusammenbruch in td/tr Elemente

Question

irgendwelche Ideen, wie Sie dieses Problem zu vermeiden, wenn Sie border-bottom: 2px gepunktet schwarz; in Tabellen?

CSS:

.plain-list tr td { 
    color: #eee; 
    border-bottom: 2px dotted #eee !important; 
    font-size: 20px !important; 
    border-top: none; 
} 

HTML

<table сlass="table table-striped plain-list desktop-table"> 
    <tbody> 
     <tr> 
      <th><strong>test</strong></th> 
      <th><strong></strong>test</th> 
      <th><strong></strong>test</th> 
     </tr> 
     <tr> 
      <td>test</td> 
      <td>test</td> 
      <td>test</td> 
     </tr> 
    </tbody> 
</table> 

Ich bin mit Bootstrap-3 für Tabellen. Ist es ein bekanntes Problem, oder stimmt etwas nicht mit den Definitionen von Border?

Answer 1

geben einen Abstand von 1 gefällt dieses

<table cellpadding="0" cellspacing="1"> 

Beispiel: https://jsfiddle.net/ud2xj9fh/