防止 p:dataTable sortable headers 成为焦点

Question

当我用制表符（通过制表符）浏览我页面的元素时，我会跳转到 table header 中的每个 sort-by-column 元素（通过单击对数据进行排序table 例如 asc/desc 按列）。

有什么办法可以避免这种情况吗？当我按 Tab 键时，我不想跳到 header 内的 sort-elements。

只需按 Tab 键，您就会跳过 header 秒。

我需要这个用于用户在所有输入元素之间切换的页面 - 用于工作流优化。跳过此页面上所有 table 中的所有 sort-elements 非常浪费时间。

Answer 1

Sortable table headers 可聚焦的原因是：可访问性。这很重要，在某些情况下和国家甚至需要。不是你想从 window.

中扔掉的东西

如果你想优化用户体验，为什么不把焦点放在用户应该处理的第一个字段上呢？ PrimeFaces 提供了一个验证感知 Focus 组件，可以帮助您完成此任务。这就是我要走的路。

另请参阅：

如果你真的非常想禁用 sortabletableheaders 的聚焦，你可以使用一些 JavaScript 来设置 tabindex 的 sortable headers 到 -1 以防止它们成为焦点：

$("th.ui-sortable-column").attr("tabindex", "-1");

但是，我还是会选择焦点选项。

另请参阅：

Prevent p:dataTable sortable headers from being focusable