怎么做td全高的行？角质材料

Question

我正在使用ng-repeat来创建一个带有计划块的表，但是有些小于tr高度，我需要所有这些都具有相同的高度。在每个td我都有一个修改过的md-checkbox： Missing space

我创建了一个codepen： Schedule

 <div id="main" ng-app="MyApp" layout>
  <div ng-view layout="column" flex></div>

  <script type="text/ng-template" id="template.html">

<md-toolbar  class="" layout="row">   
  <center>toolbar</center>
</md-toolbar>

  <md-content class="content" >
    <table class="vistaTabla" cellspacing="0" cellpadding="0">
      <tr  ng-repeat="hora in bloques[0]">
        <td class="vistaBloque" ng-repeat="bloque in hora">
          <md-checkbox class=" text-longshadow md-whiteframe-1dp bloque dotted" >
            {{bloque.materia}}  {{bloque.nombre}}</td>
          </md-checkbox>
      </tr>
    </table>
  </md-content>

  </script>
</div>

Answer 1

您的问题的解决方案是<td>内的块。 <td>元素总是与<tr>个父母一样大。 md-checkbox元素就是弄乱你的元素。

定义元素.md-whiteframe-1dp的规则：

.md-whiteframe-1dp {
     height: 100%;
}