物化表行高度覆盖？

Question

我有一张桌子，我想要覆盖行的高度，因为行太高了。我尝试在我自己的css上设置一个类并设置高度值。

CSS：不认真，这是该模板的所有CSS。和HTML

＆＃13;

＆＃13;

tr.unitGridRow {
  height: 20px;
}

＆＃13;

<tbody>
  {{#each unitInService}}
  <tr class="unitGridRow">
    <td>
      <div class="chip" style="background: {{unitColorCode}}; color: {{unitTextColorCode}};">
        {{callSign}}
      </div>
    </td>
    <td>{{currentStatus}}</td>
    <td>{{timeInStatus}}</td>
  </tr>
  {{/each}}
</tbody>

＆＃13;

＆＃13;

＆＃13;

但行高不会改变。我目前正在使用Meteor 1.5.0和Materialise 0.98.2。

非常感谢任何帮助，

Answer 1

这可能为时已晚，但可能有助于未来的googlers。

由于填充，行高是固定的。手动修改css中的填充，应该做的工作。至少它对我有用。

Answer 2

单位vh代表＆＃39;视口高度＆＃39;，数字代表视口高度的百分比。所以1vh表示窗口高度的1％。这是非常小的，并且表格行不希望小于其内容的高度。将其设置为50vh，看看会发生什么。不确定您要实现的目标，但vh似乎不是行高的正确单位。如果行太高，它们内部必定有一些东西使它们变高。

Answer 3

好的，在深入挖掘并搞砸了这个之后，我发现在高度设置中也必须覆盖（行中的列）。