数据表列搜索/过滤 - 需要双击打开超链接

Question

我正在使用以下 Datatable 示例，并添加了一些超链接： Datatable Column Filter

添加的超链接代码示例 - <td><a href="link.html">Tiger Nixon</a></td>

步骤：

1. 搜索/过滤表中的任何列。
2. 单击超链接。 -> 什么也没有发生。 （链接页面应该打开）
3. 再次单击超链接。 -> 链接页面打开。

使用列过滤器后，我需要通过在表格行内单击来取消列过滤器的焦点，然后我可以单击超链接。

问题：这个问题可以解决吗？只需单击一下即可？

更多信息：

这看起来与我的问题相似，但不足以解决我的问题：

DataTables Column Filter Strange Behaviour

Answer 1

以下代码应该是您问题的简单解决方案：

$("#example tfoot input").on('keyup change', function(event) {
    table
      .column( $(this).parent().index()+':visible' )
      .search( this.value )
      .draw();
    event.target.blur();
});

参考：https://datatables.net/release-datatables/extensions/ColReorder/examples/initialisation/col_filter.htmll

Answer 2

我也有同样的问题，我的建议是使用类似的东西

$(elementUsedAsFilter).blur();

在您的更改（或其他）事件处理程序中。 .blur() 将焦点从处理程序中移除，之后您应该一切顺利！ 我认为您应该能够从您使用的处理程序中获得elementUsedAsFilter。