当表高度为100％时，如何将表格行设置为特定值？

Question

我想在一个表格中列出100％高度的文件：）

这是我的HTML（它是jade（pug），因为我使用的是NodeJS）：

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%;
}

这是渲染：

那么如何将所有行放在2vh高度（例如）并在没有行时在表中留空？

谢谢！

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;
}

并删除此内容：(style='line-height: 2vh;height: 2vh;')

现在结果如下： Image

（我无法发布内联图片） 谢谢！