angular - 怎么可能并排设置两个sidenav

Question

两个sidenav在同一侧

怎么可能并排设置两个sidenav？，如图所示，因为如果我使用这种方式

    <mat-sidenav-container>

    <mat-sidenav #right position="start">
       Start Sidenav.
    </mat-sidenav>

    <mat-sidenav #left position="end">
       End Sidenav.
    </mat-sidenav>

<div>
    <button mat-button (click)="right.open()">right</button>
    <button mat-button (click)="left.open()">left</button>
</div>

</mat-sidenav-container>

一个sidenav 出现在左侧，另一个出现在右侧。你能分享一个实现这一目标的选项吗？