Javascript 如何在td标签中隐藏按钮并允许其可选项卡化

我想能够在一些辅助功能表中隐藏的按钮标签。。。但是，当我在CSS中使用

display:none

或

visibility:hidden

时，td将无法使用选项卡

这是我到目前为止所拥有的

html:

或

---

这两个按钮都隐藏了按钮，但不允许我制表和选择上移和下移按钮

tab可用于包括按钮在内的输入字段，但不适用于表/tr/td。由于按钮已不存在，因此没有任何选项卡。这似乎有效。此方法不起作用

   <tbody>
      <tr tabindex="0"class="row" ng-repeat="edu in educators ">
        <td class="col">
          <div>{{edu.firstName}}</div>
          <div>{{edu.address}}</div>
        <td tabindex="1">
          <button tabindex="1" class="hidden" ng-click="moveUp(educators, edu)"></button>
        </td>
        <td tabindex="1">
          <button tabindex="1" class="hidden" ng-click="moveDown(educators, edu)"></button>
        </td>
      </tr>
    </tbody>

.hidden {
  visibility: hidden;
}

.hidden {
  display: none;
}