JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables.css">
<table id="ornek" class="display">
   <thead>
            <tr>
                <th> Soruşturma Numarası</th>
            </tr>
        </thead>
        <tbody>
            <tr><td>2016/100</td></tr>
            <tr><td>2016/11</td></tr>
            <tr><td>2016/122</td></tr>
            <tr><td>2017/85</td></tr>
            <tr><td>2016/80</td></tr>
            <tr><td>2016/888</td></tr>
            <tr><td>2016/9</td></tr>
            <tr><td>2017/91</td></tr>
            <tr><td>2017/10</td></tr>
            <tr><td>2018/10</td></tr>
            <tr><td>2017/9</td></tr>
            <tr><td>2017/888</td></tr>
      </tbody>
</table>

JavaScript

jQuery.extend( jQuery.fn.dataTableExt.oSort, {
    "formatted-num-pre": function ( a ) {
        a = (a === "/" || a === "/") ? 0 : a.replace( /[^\d\-\.]/g, "" );
        return parseFloat( a );
    },
 
    "formatted-num-asc": function ( a, b ) {
        return a - b;
    },
 
    "formatted-num-desc": function ( a, b ) {
        return b - a;
    }
} );

 $(document).ready(function() {
            $('#ornek').DataTable({
            columndefs : [
                         { type: 'formatted-num', targets: 0 }
        ]
            });
        } );