javascript - Highlight a row of a table using the id in angular-js -
i new angularjs. have table -
html
<table class="table table-striped" id="manageresumetable"> <thead class="text-center text-info text-capitalize"> <th class="text-center col-xs-1">sr.no.</th> <th class="text-center col-xs-4">document</th> <th class="text-center col-xs-1">score</th> <th class="text-center col-xs-1">quickscore</th> <th class="text-center col-xs-5">actions</th> </thead> <tr ng-repeat="file in processresumefiles"> <td class="text-center col-xs-1">{{ file.temporaryid }}</td> <td class="view-orphan uploadresumetablecelloverflow col-xs-4"> {{ file.attributes.name }} </td> <td class="text-center col-xs-1">{{file.totalscore}}</td> <td class="text-center col-xs-1">{{file.attributes.quickscore}}</td> <td class="text-center col-xs-5"> <button class="btn btn-labeled btn-info" title="annotate un-annotated words" ng-disabled="!file.attributes.isuploadeddocument" data-ng-click="getorphans($index)"> <i class="fa fa-eye" aria-hidden="true"></i> </button> <button class="btn btn-labeled btn-info" title="promote gold standard" ng-disabled="!file.attributes.iscommitted || !file.attributes.isuploadeddocument" data-ng-click="markasgoldstd(file.attributes.name)"> <i class="fa fa-share" aria-hidden="true"></i> </button> <button class="btn btn-labeled btn-info" title="delete corpus" data-ng-click="deleteresume(file.attributes.name)"> <i class="fa fa-trash" aria-hidden="true"></i> </button> <button class="btn btn-labeled btn-info" title="move archive" ng-disabled="!file.attributes.iscommitted || !file.attributes.isuploadeddocument" data-ng-click="movetosolar(file.attributes.name)"> <i class="fa fa-sign-out" aria-hidden="true"></i> </button> <button class="btn btn-labeled btn-info" title="add tracker" ng-disabled="!file.attributes.iscommitted || !isjddeleted || !jdselected" data-ng-click="movetojobdescription(file.attributes.name)"> <i class="fa fa-check-square" aria-hidden="true"></i> </button> </td> </tr> </table> so, have id coming back-end. want highlight row id 1. temporary id id here.
table data -
sr.no document score quickscore actions 1 abc 12 5 aa
here, when id 1 want highlight row. can 1 please give me idea ? help.
you can use ngclass directive add css class <tr>
<tr ng-repeat="file in processresumefiles" ng-class="{'highlighterclass' : file.temporaryid == 1}">
Comments
Post a Comment