material-design - マテリアル グリッド タイルのマテリアル グリッド リストは可能ですか (ネストされたグリッド)?

Question

マテリアル グリッドにマテリアル グリッドを配置すること (ネスティング グリッド) は許可されていないのでしょうか。
誰かが私の仮定を確認してもらえますか?
(Angular Material 6 を使用しています。)

<mat-grid-list cols="6" gutterSize="32px">
    <mat-grid-tile [colspan]="3">
        left
        <mat-grid-list cols="3" gutterSize="8px">
            <mat-grid-tile>1</mat-grid-tile>

            <mat-grid-tile [colspan]="2">2</mat-grid-tile>

            <mat-grid-tile [colspan]="3">3</mat-grid-tile>
        </mat-grid-list>
    </mat-grid-tile>

    <mat-grid-tile [colspan]="3">
        right
        <mat-grid-list cols="3" gutterSize="8px">
            <mat-grid-tile>4</mat-grid-tile>

            <mat-grid-tile [colspan]="2">5</mat-grid-tile>

            <mat-grid-tile [colspan]="3">6</mat-grid-tile>
        </mat-grid-list>
    </mat-grid-tile>
</mat-grid-list>

結果は次のようになります (2 つの異なるガター サイズ)。

なぜ私はこれが欲しいのですか？私が実装しなければならないデザインには、列間に異なる溝のサイズがあります:-/ グリッド内のグリッドは賢い解決策になると思いましたが、うまくいきません。

更新:ここで提案されている解決策は機能しません。これは古い Angular JSマテリアルでのみ可能であるためです。