不能设置固定高度？

Question

我制作了一个固定高度为256px的html表，我希望每个表格单元格的高度为10px。现在只有一个table元素，但是这个table元素<tr></tr>也适合256px而不是10px的内容。

html由angular构成，代码如下所示。

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  padding: 2px 3px;
  vertical-align: middle;
}

.tr {
  height: 10px;
}

<table class="table table-hover" style="height: 350px; max-height: 400px">
  <thead class="text-warning">
    <th>price</th>
    <th>amount</th>
    <th>total</th>
  </thead>
  <tbody>
    <tr *ngFor="let orderbook of bids " (click)="selectedOrderbook=orderbook; ">
      <td style="color:red;">{{ orderbook.price }} </td>
      <td>{{ orderbook.amount }} </td>
      <td>{{ orderbook.total }} </td>
      <!-- <td>{{ formatTimestamp(orderbook.expirationUnixTimestampSec)  }}  </td>-->
    </tr>
  </tbody>
</table>