如何使用 DataTables 插件对重音词进行排序

Question

我正在使用 DataTable 插件，我需要对包含重音单词的 table 进行排序。

我编写的代码仅使用 targets: 1 对第二列进行排序，我没有找到如何对所有列执行此操作。这是插件文档：https://datatables.net/plug-ins/sorting/

<link href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.css" rel="stylesheet"/>
 <table class="display" id="cc-table" aria-describedby="cc-table_info">
    <thead>
        <tr>
            <th >
                <p> Civilité </p>
            </th>
            <th >
                <p> Nom du parrain </p>
            </th>
            <th >
                <p>Prénom du parrain </p>
            </th>
            <th >
                <p> Mandat du parrain </p>
            </th>
            <th >
                <p> Commune ou circonscription </p>
            </th>
            <th >
                <p> Département </p>
            </th>
            <th >
                <p> Candidat </p>
            </th>
            <th >
                <p> Date de publication </p>
            </th>
        </tr>
    </thead>
    <tbody>
        <tr class="odd">
            <td class="sorting_1">M.</td>
            <td>BERNARD-PHILIBERT</td>
            <td>Olivier</td>
            <td>Maire délégué d'une commune associée ou d'une commune déléguée</td>
            <td>Nivigne et Suran</td>
            <td>Ain</td>
            <td>ARTHAUD Nathalie</td>
            <td>08/09/2021</td>
        </tr>
        <tr class="even">
            <td class="sorting_1">M.</td>
            <td>éTÉVÉ</td>
            <td>Romain</td>
            <td>Maire</td>
            <td>Maranwez</td>
            <td>Ardennes</td>
            <td>ARTHAUD Nathalie</td>
            <td>08/09/2021</td>
        </tr>
        <tr class="odd">
            <td class="sorting_1">M.</td>
            <td>DONZÉ</td>
            <td>Éric</td>
            <td>Maire</td>
            <td>Montoulieu</td>
            <td>Ariège</td>
            <td>ARTHAUD Nathalie</td>
            <td>08/09/2021</td>
        </tr>
        <tr class="even">
            <td class="sorting_1">M.</td>
            <td>ÉPINAT</td>
            <td>Pascal</td>
            <td>Maire</td>
            <td>Pélissanne</td>
            <td>Bouches-du-Rhône</td>
            <td>ARTHAUD Nathalie</td>
            <td>08/09/2021</td>
        </tr>
        <tr class="odd">
            <td class="sorting_1">M.</td>
            <td>CHEVALIER</td>
            <td>Gilbert</td>
            <td>Maire</td>
            <td>Tanavelle</td>
            <td>Cantal</td>
            <td>ARTHAUD Nathalie</td>
            <td>08/09/2021</td>
        </tr>
        <tr class="even">
            <td class="sorting_1">M.</td>
            <td>ÉLIE</td>
            <td>Daniel</td>
            <td>Maire</td>
            <td>Chaveroche</td>
            <td>Corrèze</td>
            <td>ARTHAUD Nathalie</td>
            <td>08/09/2021</td>
        </tr>
        <tr class="odd">
            <td class="sorting_1">M.</td>
            <td>MELONI</td>
            <td>Salvatore</td>
            <td>Maire</td>
            <td>Grosbois-en-Montagne</td>
            <td>Côte-d'Or</td>
            <td>ARTHAUD Nathalie</td>
            <td>08/09/2021</td>
        </tr>
        <tr class="even">
            <td class="sorting_1">M.</td>
            <td>CARLIER</td>
            <td>Michel</td>
            <td>Maire</td>
            <td>Lansargues</td>
            <td>Hérault</td>
            <td>ARTHAUD Nathalie</td>
            <td>08/09/2021</td>
        </tr>
        <tr class="odd">
            <td class="sorting_1">M.</td>
            <td>AUGIAS</td>
            <td>Franck</td>
            <td>Maire</td>
            <td>Chisseaux</td>
            <td>Indre-et-Loire</td>
            <td>ARTHAUD Nathalie</td>
            <td>08/09/2021</td>
        </tr>
        <tr class="even">
            <td class="sorting_1">M.</td>
            <td>GROS</td>
            <td>Stéphane</td>
            <td>Maire</td>
            <td>Bellecombe</td>
            <td>Jura</td>
            <td>ARTHAUD Nathalie</td>
            <td>08/09/2021</td>
        </tr>
    </tbody>
</table>


 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.js" defer></script>
 <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/plug-ins/1.11.3/sorting/diacritics-sort.js" defer></script>
 <script type="text/javascript">
     $(document).ready(function () {
            $('#cc-table').DataTable({
            responsive: true,
            columnDefs: [
            { targets: 1, type: 'diacritics-neutralise'}
        ]
      });
     });
 </script>

Answer 1

您可以使用 targets: "_all" - 请参阅 columnDefs.targets 选项的文档。

如何使用 DataTables 插件对重音词进行排序

How to sort accented words using DataTables plugin

javascript

sorting

datatables