td/tr要素で破線の枠線の崩壊を避ける

Question

border-bottomを使用しているときにこの問題を回避する方法を教えてください。テーブルに？

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> 

私はテーブルのためのブートストラップ3を使用しています。 これは既知の問題であるか、またはブーダー定義に何か問題がありますか？

Answer 1

は1

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

このような例の間隔を与える： https://jsfiddle.net/ud2xj9fh/