Route::group(['prefix' => 'user'], function () {
        Route::get('/', 'UserController@ajaxindex')->name('user.index');
       });

public function ajaxindex(Request $request)
    {
    if(request()->ajax()) {
            return datatables()->of(User::)
             ->addColumn('action', function (User $users) {
                return view('halaman.user.action',compact('users'));
            })
            
            ->addIndexColumn()
            ->make(true);
        }
        return view('halaman.user.index');

<script type="text/javascript">
    $(document).ready( function () {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $('#data_users').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ route('user.ajaxindex') }}",
            columns: [
            { data: 'id', name: 'id' },
            { data: 'nama', name: 'nama' },
            { data: 'nip', name: 'nip' },
            { data: 'role', name: 'role' },
            { data: 'devisi', name: 'devisi' }
            {data: 'action', name: 'action', orderable: false},
            ],
 
            order: [[0, 'asc']],
              "scrollX": true,
                   "scrollX": true,
                   "autoWidth":true,
        dom: 'Bfrtip',
        buttons: [
             'excel', 'pdf'
        ]
    
        });
    }); 

    
</script>

<div class="card-block">
                <table id="data_users" class="display table table-bordered" cellspacing="0" width="100%">
                 <thead>
                    <tr>
                        <th>ID</th>
                        <th>Nama</th>
                        <th>NIP</th>
                        <th>Role User</th>
                        <th>Devisi</th>
                        <th style="min-width:140px">Action</th>
                    </tr>
                </thead>
                <tbody></tbody>
                </table>
            </div>