Search not working with ng-repeat in mdt-row

[AdnanInayat]

Please check this pen: http://codepen.io/anon/pen/qRgPeR?editors=1000

I am trying to accomplish the search with ng-repeat but its not working. thank you

[fysp11]

Same here.

[adirizky54]

same here

[singhay]

You need to get rid of

    <mdt-row ng-repeat="n in filteredItems">
      <mdt-cell>{{n.name}}</mdt-cell>
      <mdt-cell>{{n.calories}}</mdt-cell>
      <mdt-cell>{{n.fat}}</mdt-cell>
      <mdt-cell>{{n.carbs}}</mdt-cell>
      <mdt-cell>{{n.protein}}</mdt-cell>
      <mdt-cell>{{n.sodium}}</mdt-cell>
      <mdt-cell>{{n.calcium}}</mdt-cell>
      <mdt-cell>{{n.iron}}</mdt-cell>
    </mdt-row>

and instead use

<mdt-table mdt-row="{
                      'data': filteredItems,
                      'table-row-id-key': 'id',
                      'column-keys': ['name', 'calories', 'fat', 'carbs', 'protein', 'sodium', 'calcium', 'iron']
                      }">

mdt-row is deprecated codepen demo

[enkrateia]

So. I will use column-keys but how I can use ng-click on each row? I don't like the "Selectable Rows".