Added a sort option relying on Intl.Collator().

src/sorts/tablesort.intl.js

@@ -0,0 +1,4 @@
+(function(){
+	const collator = Intl.Collator();
+	Tablesort.extend('intl', _ => false, (a,b) => collator.compare(b, a));
+}());

test/index.html

@@ -22,6 +22,7 @@
       <th>data-sort</th>
       <th data-sort-method="monthname">Monthname</th>
       <th aria-sort="descending">Descending</th>
+      <th data-sort-method="intl">Greek gods</th>
     </tr>
   </thead>
   <tbody>
@@ -37,6 +38,7 @@
       <td data-sort='b'>3</td>
       <td>February</td>
       <td>2</td>
+      <td>Hypnos</td>
     </tr>
     <tr>
       <td>1</td>
@@ -50,6 +52,7 @@
       <td data-sort='a'>2</td>
       <td>April</td>
       <td>1</td>
+      <td>Hadès</td>
     </tr>
     <tr>
       <td>3</td>
@@ -63,6 +66,7 @@
       <td data-sort='c'>1</td>
       <td>January</td>
       <td>3</td>
+      <td>Héra</td>
     </tr>
   </tbody>
 </table>
@@ -231,6 +235,7 @@
 <script src='../src/sorts/tablesort.date.js'></script>
 <script src='../src/sorts/tablesort.number.js'></script>
 <script src='../src/sorts/tablesort.monthname.js'></script>
+<script src='../src/sorts/tablesort.intl.js'></script>
 
 <!-- Tests -->
 <script>
@@ -270,6 +275,7 @@
 <script src='spec/date.js'></script>
 <script src='spec/number.js'></script>
 <script src='spec/monthname.js'></script>
+<script src='spec/intl.js'></script>
 
 </body>
 </html>

test/spec/intl.js

@@ -0,0 +1,28 @@
+tape('sorts international', function(t) {
+  var el = table.querySelector('th:nth-child(12)');
+  var event = document.createEvent('HTMLEvents');
+  event.initEvent('click', true, false);
+  el.dispatchEvent(event);
+
+  // Basic test with accented text
+  t.equal(table.rows[1].cells[11].innerHTML, 'Hadès');
+  t.equal(table.rows[2].cells[11].innerHTML, 'Héra');
+  t.equal(table.rows[3].cells[11].innerHTML, 'Hypnos');
+
+  event.initEvent('click', true, false);
+  el.dispatchEvent(event);
+
+  t.equal(table.rows[1].cells[11].innerHTML, 'Hypnos');
+  t.equal(table.rows[2].cells[11].innerHTML, 'Héra');
+  t.equal(table.rows[3].cells[11].innerHTML, 'Hadès');
+
+  event.initEvent('click', true, false);
+  el.dispatchEvent(event);
+
+  t.equal(table.rows[1].cells[11].innerHTML, 'Hadès');
+  t.equal(table.rows[2].cells[11].innerHTML, 'Héra');
+  t.equal(table.rows[3].cells[11].innerHTML, 'Hypnos');
+
+  t.end();
+});
+