угловая кнопка на столе

Я пытаюсь создать таблицу, в которой есть две кнопки show/hide для двух столбцов. Говорят, что кнопки A и B.. a и b работают нормально, но если я использую оба в таблице... только один из них функционирует должным образом, другой doesn Я ничего не делаю.. pls hlp me Я новичок в этом

<table datatable="ng" class="row-border hover table table-condensed no-margin">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Username</th>>
                            <th>Profile</th>
                            <th>Points</th>
                            <th>Forcasts Won/Lost</th>
                            <th>Invites</th>
                            <th>Referrals</th>
                            <th>Activity</th>
                            <th>Most Used Redeemption Gateway</th>
                            <th>Most Read FAQ</th>
                            <th>Promo Codes used</th>
                            <th>Suspend/Unsuspend</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat-start="person in showCase.persons">
                            <td>{{person.id}}</td>
                            <td>{{person.uname}}</td>
                            <td>
                                <button type="button" class="btn btn-primary" ng-if="person.Profexpanded" ng-click="person.Profexpanded = false;person.Invexpanded=false">Hide</button>
                                <button type="button" class="btn btn-primary" ng-if="!person.Profexpanded" ng-click="person.Profexpanded = true;person.Invexpanded=false">Show</button>
                            </td>
                            <td>{{person.points}}</td>
                            <td>{{person.forcasts}}</td>
                            <td style="padding:5px">
                                <table><tbody>
                                <tr><td><b>sent: </b></td> <td>{{person.invites[0].sent}}</td></tr>
                                <tr><td><b>accepted:</b></td> <td>{{person.invites[0].accepted}}</td></tr> 
                                </tbody></table>   
                            </td>
                            <td>{{person.referrals}}</td>
                            <td>
                                <button type="button" class="btn btn-primary" ng-if="person.Invexpanded" ng-click="person.Invexpanded = false;person.Profexpanded = false">Hide</button>
                                <button type="button" class="btn btn-primary" ng-if="!person.Invexpanded" ng-click="person.Invexpanded = true;person.Profexpanded = false">Show</button>
                            </td>
                            <td>{{person.muredempt}}</td>
                            <td>{{person.mfaq}}</td>
                            <td>{{person.promocodes}}</td>
                            <td>{{person.isSuspended}}</td>
                        </tr>
                        <tr ng-if="person.Profexpanded" ng-repeat-end="">
                            <td class = "profile" colspan="5">
                                Hello A
                            </td>
                        </tr>
                        <tr ng-if="person.Invexpanded" ng-repeat-end="">
                            <td>Hello B</td>
                        </tr>
                    </tbody>
                </table>
                <!--end .card-body -->
            </div>'