jqwidgets-scripts-custom/demos/Angular/splitter/fluidsize/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div id="DIV1" style="width: 100%; height: 100%;">

  <jqxSplitter [theme]="'material'" #jqxSplitter [height]="'100%'" [width]="'100%'" [panels]="panels">
    <div>

      <jqxSplitter [theme]="'material'" #nested2 
                   [height]="'100%'" [width]="'100%'" [panels]="[{ size: 200}]">
        <div>
          Nested 2.1
        </div>
        <div>
          Nested 2.2
        </div>
      </jqxSplitter>

    </div>

    <div>

      <jqxSplitter [theme]="'material'" #nested1
                   [panels]="[{ size: '60%'}]"
                   [height]="'100%'" [width]="'100%'" [orientation]="'horizontal'">
        <div>
          Nested 1.1
        </div>
        <div>
          Nested 1.2
        </div>
      </jqxSplitter>

    </div>
  </jqxSplitter>

</div>