Blocking table tr's

[andreicristianpetcu]

trafficstars

Hi! I want to block a table tr. This is how my code looks like.

    <table>
        <thead>
        <tr>
            <th class="col-md-6">First Name</th>
            <th class="col-md-6">Last Name</th>
        <tr ng-repeat="user in users | filter : somefilter1(query) | filter : somefilter2(categoryId)">
            <td>{{user.firstName}}</td>
            <td>{{user.lastName}}</td>
        </tr>
        </tbody>
    </table>

And some JavaScript

$scope.updateUser = function (user) {
    var myBlock = blockUI.instances.get('blockUI_user' + user.id);
    myBlock.start('Updating...');
    //do magic with user
}

The problem is the fact that I cannot block a specific row. I can add a extra tr like this but it adds an extra column.

<td block-ui="{{'blockUI_user' + user.id}}"></td>

If I add the block-ui inside a existing <td> everything inside it will not be rendered. I cannot add other types of siblings except <td>. Is it possible somehow to block the parent of the parent? Thank you.