如何自定義網格中標題字段的高度？

我有一些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>。

來源

2017-08-01 Daniel

您是指Angular（2+），而不是AngularJS（1.x）是否正確？ –

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

Documentation

來源

2017-08-01 20:51:38 Phil

可能是我錯了，我嘗試從網格單元中做出標題。可能它應該是grid-cell中的div元素，對吧？ – Daniel

但另一個問題，網格有自己的高度，因此在網格領域的div有相同的父母高度，這是不適合我 – Daniel

本文檔兼容Angular 1，而不是4 – Daniel

您將要建立一個行的高度，然後讓每個瓷磚是行一定數量。如果將每行設置爲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>

來源

2017-08-01 20:58:52

我需要有7列7標題。我也可以設置高度百分比？ – Daniel

我更新了7柱，7個標題。您必須使用帶有網格列表/網格平鋪的像素。 –

我不能使用百分數？標題應該是其他字段的1/2（身體字段） – Daniel

如何自定義網格中標題字段的高度？

回答

相關問題