テーブル高さが100％のときに特定の値にテーブル行を設定するにはどうすればよいですか？私は高さが100％になりますテーブル内のファイルのリストを作成したいと思い

Question

:)（私はNodeJSを使用しているため、それの翡翠（パグ））ここで

は私のHTMLです：

div.table-responsive 
    table 
    tr(style='line-height: 2vh;height: 2vh;') 
     th File 
     th Type 
     th Size 
     th Options 
    tr(style='line-height: 2vh;height: 2vh;') 
     td Jill 
     td Smith 
     td 50 
     td test 
    tr(style='line-height: 2vh;height: 2vh;') 
     td Eve 
     td Jackson 
     td 94 
     td test 

ここですまた、私のCSS：

table { 
    color: black; 
    border: 1px solid black; 
    background: whitesmoke; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    height: 90vh; 
    width: 100%; 
    padding: 3%; 
    table-layout: fixed; 
} 

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

.table-responsive { 
    overflow-x: auto; 
    margin: 4%; 
} 

そして、ここにあるレンダリング：

を、どのように私はすべてのROを置くことができます2vhの高さ（たとえば）でwをし、行がないときはテーブルに空白を残しますか？

ありがとうございます！

は今、結果は次のようになります(style='line-height: 2vh;height: 2vh;')： Image

（私はありません

Answer 1

は、私は最終的にこのような背景

table { 
    color: black; 
    height: auto; 
    width: 100%; 
} 

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

td, th { 
    padding: 1%; 
} 

.table-responsive { 
    overflow-x: auto; 
    margin: 4%; 
    background: whitesmoke; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    height: 90vh; 
} 

として応答クラスを使用して除去することにより、修正を見つけましたインライン画像を投稿することができます） ありがとう！