Matched row come first in table how, in Angularjs1?

Im using Smart table i want to keep matched rows on top of other rows in table using angularjs(1), in my case i have been matching string from table Cell, on the basis of matched string I'm changing row background color,once the row turns to colored row it should disply on top of the other normal rows, so that I'm able see matched rows instantly. how i can achieve this.

my code

<tbody>
<tr ng-repeat="std in students" ng-style="set_color(std)">
<td>{{std.Name}}td>
<td>{{std.ClassName}}td>
<td>{{std.RollNo}}td>
<td>{{std.Email}}td>
tr>
tbody>

Controller:

$scope.set_color = function (std) {
var inputString = std.Name;
for (i = 0; i < inputString.length; i++)
{
var findme = "Olekar";
if (inputString.indexOf(findme) > -1)
{
return {'background-color':'#FFCCCB'}
}
}
}

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Dharmraj Thakur8y ago
In your students object add another column "DisplayOrder". If row is matched then Set DisplayOrder = 1 else DisplayOrder = 0. Then make this collection as order by DisplayOrder. Rows will automatically comes first which is matched.
+1