JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<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(s) {
         var a = s.split('/');
         return parseFloat(a[0] + '' + a[1].padStart(5, '0'));
     }
 });

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