Data table with accents - HTML method 2
Neutralize special characters with datatables search and sorting of string data
HTML
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.css">
<table id="example">
<thead>
<tr>
<th>Name</th>
<th>Country</th>
<th>Company</th>
</tr>
</thead>
<tbody>
<tr>
<td>Andrew Smith</td>
<td>Canada</td>
<td>Andrew South</td>
</tr>
<tr>
<td>Benjamin TÜV</td>
<td>Austria</td>
<td>Benjamin SÖL</td>
</tr>
<tr>
<td>Carl TUV</td>
<td>Switzerland</td>
<td>Carl SOL</td>
</tr>
<tr>
<td><a href="javascript:void(0)">Donald Tüv</a></td>
<td>Germany</td>
<td><a href="javascript:void(0)">Donald Söl</a></td>
</tr>
<tr>
<td>Edward tuv</td>
<td>Belgium</td>
<td>Godiva</td>
</tr>
<tr>
<td>Frank Jones</td>
<td>Canada</td>
<td>Frank Jackson</td>
</tr>
</tbody>
</table>
JavaScript
(function () {
var _div = document.createElement('div');
jQuery.fn.dataTable.ext.type.search.html = function(data) {
_div.innerHTML = data;
return _div.textContent ?
_div.textContent.replace(/[üÜ]/g, 'u') :
_div.textContent.replace(/[öÖ]/g, 'i');
};
})();
$(document).ready(function() {
var oTable = $('#example').DataTable({
"columnDefs": [{
"type": "html",
"targets": '_all'
}]
});
});