disappears when used with ng-repeat

[garretwilson]

With Angular 1.6.4 and agular-material 1.1.3 I have a table something like this:

<md-content flex layout="column">
	<md-table-container>
		<table md-table>
			<thead md-head fix-head>
				<tr md-row>
					<th md-column>Apple</th>
					<th md-column>Banana</th>
					<th md-column>Cat</th>
					<th md-column>Dog</th>
				</tr>
			</thead>
			<tbody md-body>
				<tr md-row>
					<td md-cell>{{foo.foo}}</td>
					<td md-cell>{{foo.bar}}</td>
					<td md-cell>{{foo.example}}</td>
					<td md-cell>{{foo.test}}</td>
				</tr>
			</tbody>
		</table>
	</md-table-container>
</md-content>

I can fill it with fake data and it works, but when I change the row to <tr md-row ng-repeat="foo in $ctrl.getFoos()">, when the entities are loaded the "fixed" header completely disappears.

[mitrpathak]

I have the same issue. Is there any fix found for this so far?