数据表计数器列在 javascript 中设置为 true 时不会排序和搜索

如何解决数据表计数器列在 javascript 中设置为 true 时不会排序和搜索

所以，我有这张桌子

<table class="table table-bordered" id="tabeljabatan" width="100%" cellspacing="0">
    <thead>
        <tr align="center">
            <th width="5%">No.</th>
            <th>Nama Jabatan</th>
            <th>Keterangan</th>
            <th width="16%" align="center">Aksi</th>
        </tr>
    </thead>
    <tbody>
        @foreach($masterJabatan as $mj)
        <tr>
            <td align="center"></td>
            <td>{{ $mj->nama_jabatan }}</td>
            <td>{{ $mj->keterangan}}</td>
            <td align="center">
                <a href="/jabatan/edit/{{ $mj->id_jabatan }}" class="btn btn-warning">Edit</a>
                <a href="/jabatan/hapus/{{ $mj->id_jabatan }}" class="btn btn-danger">Hapus</a>   
            </td>
        </tr>
        @endforeach
    </tbody>
</table>

这里是 JavaScript：

<script>
    $(document).ready(function() {
        var t = $('#tabeljabatan').DataTable( {
            "columnDefs": [ {
                "searchable": true,"orderable": true,"targets": 0
            } ],"order": [[ 1,'asc' ]]
        } );
    
        t.on( 'order.dt search.dt',function () {
            t.column(0,{search:'applied',order:'applied'}).nodes().each( function (cell,i) {
                cell.innerHTML = i+1;
            } );
        } ).draw();
    } );
</script>

为什么这个可订购和可搜索的表格不起作用？表格屏幕出现订单图标。 而且，如您所见，我已经将 searchable 和 order-able 设置为 true。