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

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

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

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

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

    </div>

    <div>

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

    </div>
  </jqxSplitter>

</div>