how to sort records containing accents

how-to-sort-records-containing-accents.markdown

how to sort records containing accents

A Pen by Alberto Vieira de Lima on CodePen.

License.

index.html

<table id="example">
</table>

script.js

$(document).ready(function() {
  var data = [ 
    ["Alberto Lima"], 
    ["Dwarf"],
    [ "Garrett Winters"],
    ["Álberto"],
    [ "Hector"],
    [ "Hígor" ],
    [ "Wellington" ],
    ["Beto"]
];
  
    $('#example').DataTable( {
      "aaData": data,
      "aoColumns": [
        { 
          "sType": "portugues", 
          "title": "Name" 
        },
      ],
      "aaSorting": [[ 0, "asc" ]],
    } );
} );
 
jQuery.fn.dataTableExt.oSort["portugues-asc"] = function (a, b) {
        return ((a < b) ? -1 : ((a > b) ? 1 : 0));
}

jQuery.fn.dataTableExt.oSort["portugues-pre"] = function (data) {
        var a = 'a';
        var e = 'e';
        var i = 'i';
        var o = 'o';
        var u = 'u';
        var c = 'c';
        var special_letters = {
            "Á": a, "á": a, "Ã": a, "ã": a, "À": a, "à": a,
            "É": e, "é": e, "Ê": e, "ê": e,
            "Í": i, "í": i, "Î": i, "î": i,
            "Ó": o, "ó": o, "Õ": o, "õ": o, "Ô": o, "ô": o,
            "Ú": u, "ú": u, "Ü": u, "ü": u,
            "ç": c, "Ç": c
        };
        for (var val in special_letters)
           data = data.split(val).join(special_letters[val]).toLowerCase();
        return data;
};
      
jQuery.fn.dataTableExt.oSort["portugues-asc"] = function (a, b) {
        return ((a < b) ? -1 : ((a > b) ? 1 : 0));
}

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>

styles

<link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet" />