DataTables - columns.type natural

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.css">
<script src="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/1.10.9/sorting/natural.js"></script>
<table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Code</th>
            <th>Name</th>
            <th>Description</th>
        </tr>
    </thead>
    <tbody>
        <tr>
			<td>10a</td>
			<td>Joe</td>
			<td>amet</td>
		</tr>
		<tr>
			<td>10z</td>
			<td>John</td>
			<td>lorem</td>
		</tr>
		<tr>
			<td>10i</td>
			<td>Edward</td>
			<td>dolor</td>
		</tr>
		<tr>
			<td>11h</td>
			<td>Richard</td>
			<td>sit</td>
		</tr>
		<tr>
			<td>11a</td>
			<td>Illinas</td>
			<td>conor</td>
		</tr>
		<tr>
			<td>7a</td>
			<td>Oliver</td>
			<td>donor</td>
		</tr>
		<tr>
			<td>7f</td>
			<td>Robin</td>
			<td>salah</td>
		</tr>
    </tbody>
</table>

JavaScript

$(document).ready(function (){
    var table = $('#example').DataTable({
       columnDefs: [ { targets: 0, type: 'natural' } ]    
    });
});