テーブル行の最下部に境界線が表示されないようにする

Question

テーブル行内にパディングがあり、行の下に境界線があります。このHTML

<table id="subscriptions-table"> 
    <thead> 
     <tr> 
      <th>Subscription</th> 
      <th>Download</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr class="even subscription-row header"> 
       <td class="ig-header-title ellipsis"> 
       <img src="/assets/s-icon-0d60471f901d65172728d3df0e793b2ee4493a529c1a1dca73409fdae56ad362.png" alt="S icon"> 
       <a class="name ellipsis" target="_blank" href="/scenarios/18">My Scenario</a> 
      </td> 
      <td align="center"><a href="/scenarios/18/download"><img src="/assets/zip_icon-c2a0694959db12a0939d264d4283478c1f59a4b118df839d7020aca929a1df61.png" alt="Zip icon"></a></td> 
     </tr> 
    </tbody> 
</table> 

に

.subscription-row { 
    background-color: cyan; 
    min-height: 30px; 
    border-color: transparent; 
    border-style: solid; 
    border-width: 22px 16px 42px 20px; 
    border-bottom: 1px solid #C7CDD1; 
} 

が、下の境界は離れパディングから所望の画素数を表示されない - https://jsfiddle.net/z13jdLk5/：だから私は持っています。私が指定した詰め込みの適切な量を保証しながら、私の行の一番下の段落を強制的に強制することはできますか？

Answer 1

購読行内のtdをターゲットにしてパディングを追加することで、パディングを達成できます。

.subscription-row td { 
     padding-bottom:10px; 
    } 

はあなたの次の行のスタイリングのためにあなたの現在のサブスクリプション行クラスを使用する場合、それが唯一の一番下の行は、あなたがそれを持っていることが予想透明行の色を持っていますかのようになりますのでご注意ください。これは、行の境界線の上部には、前の行の境界線のスタイリングを上書きする透明な境界線スタイルがあるためです。ここ

ルックあなたの現在の問題についての詳細を理解する>>Add border-bottom to table row <tr>