Dimensions
To customize the ListView dimensions, width and height properties are used.
Refer to the following code examples.
<div style="width:400px;">
<ej-listview headertitle="List Items" [height]="height" [width]="width">
<ul>
<li data-ej-text="Artwork"></li>
<li data-ej-text="Abstract"></li>
<li data-ej-text="2 Acrylic Mediums"></li>
<li data-ej-text="Creative Acrylic"></li>
<li data-ej-text="Modern Painting"></li>
<li data-ej-text="Canvas Art"></li>
<li data-ej-text="Black white"></li>
<li data-ej-text="Children"></li>
<li data-ej-text="Preschool Crafts"></li>
<li data-ej-text="School-age Crafts"></li>
</ul>
</ej-listview>
</div>
export class AppComponent {
height: any;
width: any;
constructor() {
this.width = 400;
this.height = 500;
}
}
Run the code to get the following output
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page