Question

我有一些grid-tile：

 <md-grid-tile class="header">
    <md-card class="content">
      <md-card-header>
        <md-card-title>Monday</md-card-title>
        <md-card-subtitle>29.03.17</md-card-subtitle>
      </md-card-header>
    </md-card>
  </md-grid-tile>

如何为此块<md-grid-tile class="header">设置自定义高度？

我尝试将带有标题的网格表格设为<th>。

Answer 1

<md-grid-tile>   
    <md-grid-tile-header>
        <h3>This is a header</h3> <-- Places classes here.
    </md-grid-tile-header> 
</md-grid-tile>

Documentation

Answer 2

您需要创建行高，然后让每个tile成为一定数量的行。如果将每行设置为5，并将第一个图块设置为最大列数和5行，那么您将拥有一个25像素高的全长图块。这是plunker for an example和代码的一般形式：

<md-grid-list cols="4" rowHeight="5">
  <md-grid-tile rowspan="5" colspan="4">Title</md-grid-tile>
  <md-grid-tile rowspan="10" colspan="2">Tile 1</md-grid-tile>
  <md-grid-tile rowspan="15" colspan="2">Tile 2</md-grid-tile>
  <md-grid-tile rowspan="20" colspan="4">Tile 3</md-grid-tile>
</md-grid-list>

如何在Grid中自定义标题字段的高度？

2 个答案: