browse other examples

Table based scrollable list

Since html container with ui-scroll attribute is repeatable there are some ways to build a template. This sample demonstrates table based (<tr>) template usage. 
<table ui-scroll-viewport>
	<tr ui-scroll="item in datasource">
		<td>{{$index}}</td>
		<td>{{item}}</td>
	</tr>
</table>
And it needed to be said that we have special logic within ui-scroll sources to support table markup.
1 item #1
2 item #2
3 item #3
4 item #4
5 item #5
6 item #6
7 item #7
8 item #8
9 item #9
10 item #10
11 item #11
12 item #12
13 item #13
14 item #14
15 item #15
16 item #16
17 item #17
18 item #18
19 item #19
20 item #20