html - キーボード経由でテーブル タグにフォーカスできない

Question

テーブルにフォーカスを当てるのに問題があり、キーボードからアクセスできるようにマークアップする方法がわかりません。

 <table class="table table-bordered">
                <thead>
                    <tr>
                        <th scope="col" class="sortable" width="10%" (click)="onHeaderClick('id')"
                            [ngClass]="{'active': sortBy == 'id', 'ascending': sortOrder == 'asc', 'descending': sortOrder == 'desc'}">
                            Id
                        </th>
                        <th scope="col" class="sortable" width="50%" (click)="onHeaderClick('name')"
                            [ngClass]="{'active': sortBy == 'name', 'ascending': sortOrder == 'asc', 'descending': sortOrder == 'desc'}">
                            Name
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr *ngFor="let student of studentList" (click)="selectedStudent(student)">
                        <td>
                            {{student.uId}}
                        </td>
                        <td>
                            <a (click)="profile(student)">{{student.fields.Name}}</a>
                        </td>
                    </tr>
                </tbody>
            </table>