javascript - 忽略 DataTables 搜索中的特殊字符

Question

我构建了一个简单的数据表，其中包含员工姓名和各自的部门。

它工作得很好，但现在我意识到搜索正在以不同的方式过滤具有特殊字符的字符串。

例如，有 4 个名为 Joao 的员工，其中两个注册为 João，另外两个 Joao，没有 ã。

我怎样才能通过键入“joao”来忽略这种差异来调出其中的四个？

我找到了一个插件DataTable网站，但是我无法运行它，我不知道把它放在哪里:

https://datatables.net/plug-ins/filtering/type-based/accent-neutralise

这是 DataTable 的构造:

 $('#dataTable').DataTable({
        language:{
            "sEmptyTable": "Nenhum registro encontrado",
            "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
            "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
            "sInfoFiltered": "(Filtrados de _MAX_ registros)",
            "sInfoPostFix": "",
            "sInfoThousands": ".",
            "sLengthMenu": "_MENU_ resultados por página",
            "sLoadingRecords": "Carregando...",
            "sProcessing": "Processando...",
            "sZeroRecords": "Nenhum registro encontrado",
            "sSearch": "Pesquisar",
            "oPaginate": {
                "sNext": "Próximo",
                "sPrevious": "Anterior",
                "sFirst": "Primeiro",
                "sLast": "Último"
            },
            "oAria": {
                "sSortAscending": ": Ordenar colunas de forma ascendente",
                "sSortDescending": ": Ordenar colunas de forma descendente"
            },
            dom:"iptrt",
        }


    });
    $('.dataTables_filter').addClass('pull-left');
    $('.dataTables_filter input').addClass('filter-input');
    $('.dataTables_length').addClass('pull-right');

Answer 1

您可以使用重音字符(变音符号)规范化列中的数据，或者您可以向表中添加一个隐藏列，这是通过使用变音符号规范化现有列中的字符串来计算的

const ds = "João";
ds.normalize('NFD').replace(/[\u0300-\u036f]/g, ""); // "Joao"