jqwidgets-framework/demos/Angular/src/listbox/customrendering/app.component.html

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

<jqxSplitter #splitter
             [panels]="[{ size: '40%'}]"
             [height]="600"
             [width]="getWidth()">
  <div style="overflow: hidden;">
    <jqxListBox #listbox
                (onSelect)="select($event)"
                [selectedIndex]="0"
                [source]="dataAdapter"
                [displayMember]="'firstname'"
                [valueMember]="'notes'"
                [renderer]="renderer"
                [itemHeight]="70"
                [width]="'100%'"
                [height]="'100%'">
    </jqxListBox>
  </div>
  <div style="overflow: hidden;" #ContentPanel>
  </div>
</jqxSplitter>