id “headers” 中的 “button” 引用另一列/行的标题

问：

我已将 SonarQube 扫描仪转移到我的 Web 应用程序。它向我展示的修复程序之一是以下内容：“标题”中的id“button”引用另一列/行的标题。

我的表包含三个标题。但其中一个标题是有条件的，它是一个数据透视表。因此，我收到了上面显示的消息。

我想知道我能做些什么来避免出现这种情况。

我应该在按钮标题中添加 ng-if 属性吗？或者在当前标头中，我必须以更动态的方式执行此操作，而无需 ng-if。

我展示我的表格：

`<table class="table table-condensed" aria-describedby="mydesc">
   <thead>
     <tr>
       <th scope="col" id="index">No</th>
       <th scope="col" id="{{WebPage.Elements.NewFieldFilterModal.FieldDataType === 'Valor' ? 'fieldValues1' : 'fieldValues2'}}Header">Valor</th>
       <th scope="col" id="button"></th>
     </tr>
   </thead>
   <tbody>
     <tr ng-repeat="FieldValue in WebPage.Elements.NewFieldFilterModal.FieldValues track by $index">
       <td
         ng-bind="$index + 1"
         headers="index"
       ></td>
      
       <td
         ng-if="WebPage.Elements.NewFieldFilterModal.FieldDataType == Configuration.DataTypes.String || WebPage.Elements.NewFieldFilterModal.FieldDataType == Configuration.DataTypes.Number"
         ng-bind="FieldValue"
         headers="{{WebPage.Elements.NewFilterModal.FieldDataType === 'Valor' ? 'fieldValues1' : 'fieldValues2'}}Header"
       ></td>
       
       <td
         ng-if="WebPage.Elements.NewFieldFilterModal.FieldDataType == Configuration.DataTypes.Date"
         ng-bind="FieldValue | date : 'dd/MM/yyyy'" 
         headers="{{WebPage.Elements.NewFilterModal.FieldDataType === 'Valor' ? 'fieldValues1' : 'fieldValues2'}}Header"
       ></td>
       
       <td headers="{{$index > 0 ? 'fieldValues1' : 'fieldValues2'}}Header">
         <button type="button" class="btn btn-primary btn-xs btn-danger" ng-click="WebPage.Elements.NewFieldFilterModal.DeleteFieldValue($index)">
           <span class="fa fa-trash text-danger" aria-hidden="true"></span>
         </button>
       </td>
     </tr>
    </tbody>
 </table>`