blade datatable

<table class="table table-bordered table-striped" id="data-table">
    <thead>
        <tr>
            <th style="width: 40px;">No</th>
            <th>Mekanik</th>
            <th>Kategori Mekanik</th>
            <th>Action</th>
        </tr>
    </thead>
</table>

<script>
$(document).ready(function() {
    // Crsf
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
  });

var table = $('#data-table').DataTable({
        processing: true,
        serverSide: true,
        bSort: false,
        ajax: "{{ route('mesin-mekanik.index') }}",
        columns: [
            {data: 'DT_RowIndex', name: 'DT_RowIndex'},
            { data: 'nama_mekanik', name: 'nama_mekanik' },
            { data: 'nama_kategori', name: 'nama_kategori' },
            {data: 'action', name: 'action', orderable: false, searchable: false},
        ]
    });

</script>