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

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

<jqxSplitter [theme]="'material'" #splitter
             [panels]="[{ size: '40%'}]"
             [height]="600"
             [width]="getWidth()">
  <div style="overflow: hidden;">
    <jqxListBox [theme]="'material'" #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>