angular2-template - ngx-datatable 分页和标题是否支持 tabindex 以符合 508 标准？

Question

对于<ngx-datatable-column>html 模板，我想添加 html 属性tabindex以支持 508，但它对我不起作用。分页也不能按回车或键盘事件进入下一页。

<ngx-datatable-column name="Name" tabindex="0">
    <ng-template></ng-template>
</ngx-datatable-column>`    

Answer 1

我认为这不起作用，因为渲染的 DOM 中没有 -element。

您可以使用模板代替将每个单元格包装成具有tabindex属性的东西。

<ngx-datatable-column name="Name">
  <ng-template let-column="column" ngx-datatable-header-template>
    <span tabindex="0">{{column.name}}</span>
  </ng-template>
  <ng-template let-value="value" ngx-datatable-cell-template>
    <span tabindex="0">{{value}}</span>
  </ng-template>
</ngx-datatable-column>

有关示例，请参见https://stackblitz.com/edit/angular-ngx-datatable-tab 。