Country table sorting [fr]

by Manuel Souto Pico

HTML

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.datatables.net/1.10.2/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/tabletools/2.2.2/js/dataTables.tableTools.min.js"></script>
<div id="container">
<table id="example" class="display" cellspacing="0" border="1">
<thead>
<tr>
<th>Pays</th>
<th>Population</th>
<th>Taux de migration pour 1 000 habitants</th>
</tr>
</thead>
<tbody>
<tr>
<td>Australie</td>
<td>21 263 000</td>
<td>6,23</td>
</tr>
<tr>
<td>Brésil</td>
<td>198 739 000</td>
<td>–0,09</td>
</tr>
<tr>
<td>Canada</td>
<td>33 487 000</td>
<td>5,63</td>
</tr>
<tr>
<td>Chine</td>
<td>1 338 613 000</td>
<td>–0,39</td>
</tr>
<tr>
<td>Allemagne</td>
<td>82 330 000</td>
<td>2,19</td>
</tr>
<tr>
<td>Inde</td>
<td>1 166 079 000</td>
<td>–0,05</td>
</tr>
<tr>
<td>Kenya</td>
<td>39 003 000</td>
<td>0,00</td>
</tr>
<tr>
<td>Mexique</td>
<td>111 212 000</td>
<td>–3,61</td>
</tr>
<tr>
<td>Pays-Bas</td>
<td>16 716 000</td>
<td>2,46</td>
</tr>
<tr>
<td>Nicaragua</td>
<td>5 891 000</td>
<td>–1.11</td>
</tr>
<tr>
<td>Pérou</td>
<td>29 547 000</td>
<td>–0,95</td>
</tr>
<tr>
<td>Singapour</td>
<td>4 658 000</td>
<td>5,82</td>
</tr>
<tr>
<td>Turquie</td>
<td>76 806 000</td>
<td>0,56</td>
</tr>
<tr>
<td>Ouganda</td>
<td>32 370 000</td>
<td>–8,83</td>
</tr>
<tr>
<td>États-Unis</td>
<td>307 212 000</td>
<td>4,31</td>
</tr>
</tbody>
</table>
</div>

CSS

td, th {
  text-align: center;
}

JavaScript

$(document).ready(function () {
$.fn.dataTable.ext.order.intl = function ( locales, options ) {
    if ( window.Intl ) {
        var collator = new window.Intl.Collator( locales, options );
        var types = $.fn.dataTable.ext.type;
 
        delete types.order['string-pre'];
        types.order['string-asc'] = collator.compare;
        types.order['string-desc'] = function ( a, b ) {
            return collator.compare( a, b ) * -1;
        };
    }
};    
$.fn.dataTable.ext.order.intl( 'kaa' );
    $('#example').dataTable({
      "order": [[ 0, "asc" ]],
      "bPaginate": false,
        "bLengthChange": false,
        "bFilter": false,
        "bInfo": false,
        "bAutoWidth": false
    } );

} );