@titanium/turbo/samples/apps/ui/listview/views/sections.xml

<p align="center"> <img src="https://cdn.secure-api.org/images/turbo-title_400.png" /><br> <a href="https://www.npmjs.com/package/@titanium/turbo"> <img src="https://img.shields.io/npm/v/@titanium/turbo.png" /> </a> </p>

<Alloy>
	<Tab title="sections">
		<Window title="sections">
			<ListView id="list" onItemclick="onItemClick">
				<HeaderView>
					<Label backgroundColor="#a88">headerView</Label>
				</HeaderView>
				<FooterView>
					<Label backgroundColor="#8a8">footerView</Label>
				</FooterView>

				<ListSection headerTitle="title 1">
					<ListItem title="row 1"/>
					<ListItem title="row 2"/>
					<ListItem title="row 3"/>
				</ListSection>
				<ListSection>
					<HeaderView>
						<Label backgroundColor="#a88">headerView</Label>
					</HeaderView>
					<FooterView>
						<Label backgroundColor="#8a8">footerView</Label>
					</FooterView>
					<ListItem title="row 1"/>
					<ListItem title="row 2"/>
					<ListItem title="row 3"/>
				</ListSection>
				<ListSection headerTitle="title 3">
					<ListItem title="row 1"/>
					<ListItem title="row 2"/>
					<ListItem title="row 3"/>
				</ListSection>
				<ListSection headerTitle="title 4">
					<ListItem title="row 1"/>
					<ListItem title="row 2"/>
					<ListItem title="row 3"/>
				</ListSection>
			</ListView>
		</Window>
	</Tab>
</Alloy>