sort the records containing accents angular-datatables

index.html

<div ng-app="datatablesSampleApp">
  <div ng-controller="SampleCtrl as showCase">
      <table datatable="" dt-options="showCase.dtOptions" dt-columns="showCase.dtColumns" class="row-border hover"></table>
  </div>
</div>

script.js

jQuery.extend( 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;
    },
    "portugues-asc": function ( a, b ) {
        return ((a < b) ? -1 : ((a > b) ? 1 : 0));
    },
    "portugues-desc": function ( a, b ) {
        return ((a < b) ? 1 : ((a > b) ? -1 : 0));
    }
} );

angular.module('datatablesSampleApp', ['datatables', 'datatables.fixedheader'])
  .controller('SampleCtrl', SampleCtrl);

function SampleCtrl($q, DTOptionsBuilder, DTColumnBuilder) {
  var vm = this;
  vm.dtOptions = DTOptionsBuilder.fromFnPromise(function() {
    var defer = $q.defer();
    defer.resolve([
      {name: 'Álberto'},
      {name: 'Alberto Lima'},
      {name: 'Beto'},
      {name: 'Dwarf'},
      {name: 'Hector'},
      {name: 'Hígor'},
      {name: 'Wellington'}
    ]);
    return defer.promise;
  });
  vm.dtColumns = [
    DTColumnBuilder.newColumn('name').withTitle('Name').withOption("type", "portugues")
  ];
}

scripts

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="//cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/fixedheader/3.1.2/js/dataTables.fixedHeader.min.js"></script>
<script src="http://code.angularjs.org/1.3.13/angular.js"></script>
<script src="https://rawgithub.com/l-lin/angular-datatables/dev/dist/angular-datatables.min.js"></script>
<script src="https://rawgithub.com/l-lin/angular-datatables/dev/dist/plugins/fixedheader/angular-datatables.fixedheader.min.js"></script>

sort-the-records-containing-accents-angular-datatables.markdown

how to sort records containing accents? #854

l-lin/angular-datatables#854

A Pen by Alberto Vieira de Lima on CodePen.

License.

styles

<link href="//cdn.datatables.net/1.10.2/css/jquery.dataTables.min.css" rel="stylesheet" />
<link href="https://cdn.datatables.net/fixedheader/3.1.2/css/fixedHeader.dataTables.min.css" rel="stylesheet" />