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.

{{$index}} | {{item}}