HTML行の境界全体のテーブル幅

Question

私はいくつかの行を持つ自動生成HTMLテーブルを持っていて、各行は異なる数の列を持っています。

テーブルの全幅と行を分ける線が必要です。私は現在、border-topをその行と同じ長さしか持たず、行の長さを変えています。

Here is a Fiddle to better explain my current situation

私はありますどのように多くの列の最大知らなくても、すべての行と同じ長さにすることが可能であることを願っています。

Answer 1

border-bottomも追加してください。 https://jsfiddle.net/obun4jv9/2/

---

あなたはあなたができる、最後の行は、国境底を持ってしたくない場合：この方法は、それはいつものように長い最長ラインここ

td { 
    border-top: 1px solid black; 
    border-bottom: 1px solid black; 
} 

がリンクであるようになりますこのようにそれを実行します。

tr { 
    border-top: 1px solid black; 
    border-bottom: 1px solid black; 
} 

tr:last-of-type { 
    border-bottom: none; 
} 

リンク：https://jsfiddle.net/obun4jv9/3/

---

あなたが幅を設定することができれば、これも可能性である：

tr { 
    width: 100%; 
    border-top: 1px solid black; 
    display: inline-block; 
} 

tr:first-of-type { 
    border-top: none 
} 

はリンク：https://jsfiddle.net/obun4jv9/7/