Angularjs ng-grid Highlight row dynamically
<p>I have following ng-grid.</p>

<pre><code>  $scope.IssueGrid = {
            data: 'IssueGridList',
            multiSelect: false,
            selectedItems: $scope.selectedRow,
            enableColumnResize: true,
            enableRowSelection: true,
            headerRowHeight: 65,
            columnDefs: [

                { field: 'Item', width: '25%', displayName: 'Item Name' },
                { field: 'RequiredQuantity', displayName: 'Requested Qty', cellTemplate: '&lt;div style="text-align:right;"  class="ngCellText"&gt;{{row.getProperty(col.field)}}&lt;/div&gt;' },
                { field: '', width: '7%', displayName: 'To be Issued', cellTemplate: '&lt;div class="ngCellText {{row.entity.cellClass}}"&gt; &lt;input type="text" id="issQty" style="text-align:right;" data-ng-change="editIssueQty(row)" data-ng-model="row.entity.IssueQty" number-only-input input-value = "row.entity.IssueQty" class="form-control" data-ng-disabled="issueQtyDisabled(row.entity)" value = {{row.getProperty(col.IssueQty)}} /&gt;&lt;/div&gt;' },
                ],
            showFooter: true
        };
</code></pre>

<p>This grid has text box to enter "IssueQty". But when ever value is entered to
Issued quantity, if it is greater than "RequiredQuantity" entire row should be Highlighted.</p>

<p>Can anybody suggest a way to achieve this..</p>

<p>Thanks and regards.</p>