ListViewProps

Premium

Represents the props of the KendoReact ListView component.

Name	Type	Default	Description
className?	string		Sets a class of the ListView DOM element. jsx <ListView className="custom-class" />
data?	any[]		Sets the data of the ListView. jsx <ListView data={[{ text: 'Item 1' }, { text: 'Item 2' }]} />
footer?	React.ComponentType<any>		Defines the component that will be rendered for the ListView footer. jsx const CustomFooter = (props) => <div>Custom Footer</div>; <ListView footer={CustomFooter} />
header?	React.ComponentType<any>		Defines the component that will be rendered for the ListView header. jsx const CustomHeader = (props) => <div>Custom Header</div>; <ListView header={CustomHeader} />
item?	React.ComponentType<ListViewItemProps>		Defines the component that will be rendered for each item of the data collection. jsx const CustomItem = (props) => <div>{props.text}</div>; <ListView item={CustomItem} />
navigatable?	boolean		If set to true, the user can use dedicated shortcuts to interact with the ListView. By default, navigation is disabled. jsx <ListView navigatable={true} />
onScroll?	(event: ListViewEvent) => void		Fires when the ListView has been scrolled. jsx <ListView onScroll={(event) => console.log(event)} />
style?	React.CSSProperties		Sets styles to the ListView container. jsx <ListView style={{ height: '400px' }} />