diff --git a/src/app/Http/Controllers/Operations/SimpleReorderOperation.php b/src/app/Http/Controllers/Operations/SimpleReorderOperation.php
new file mode 100644
index 0000000000..bca08b795e
--- /dev/null
+++ b/src/app/Http/Controllers/Operations/SimpleReorderOperation.php
@@ -0,0 +1,96 @@
+<?php
+
+namespace App\Http\Controllers\Admin\Operations;
+
+use Backpack\CRUD\app\Library\CrudPanel\CrudPanelFacade as CRUD;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Route;
+use Illuminate\View\View;
+
+trait SimpleReorderOperation
+{
+    protected function setupSimpleReorderRoutes(string $segment, string $routeName, string $controller): void
+    {
+        Route::get("{$segment}/reorder", [
+            'as' => "{$routeName}.reorder",
+            'uses' => "{$controller}@reorder",
+            'operation' => 'reorder',
+        ]);
+
+        Route::post("{$segment}/reorder", [
+            'as' => "{$routeName}.save.reorder",
+            'uses' => "{$controller}@saveReorder",
+            'operation' => 'reorder',
+        ]);
+    }
+
+    protected function setupSimpleReorderDefaults()
+    {
+        CRUD::set('reorder.enabled', true);
+        CRUD::allowAccess('reorder');
+
+        CRUD::operation('reorder', function () {
+            CRUD::loadDefaultOperationSettingsFromConfig();
+        });
+
+        CRUD::operation('list', function () {
+            CRUD::addButton('top', 'reorder', 'view', 'crud::buttons.reorder');
+        });
+    }
+
+    public function reorder(): View
+    {
+        CRUD::hasAccessOrFail('reorder');
+
+        $column = CRUD::get('reorder.column');
+
+        return view('crud::simple-reorder', [
+            'entries' => $this->crud->getEntries()->sortBy($column)->keyBy($this->crud->getModel()->getKeyName()),
+            'crud' => $this->crud,
+            'title' => $this->crud->getTitle() ?? trans('backpack::crud.reorder') . ' ' . $this->crud->entity_name,
+        ]);
+    }
+
+    public function saveReorder(Request $request): string|false
+    {
+        CRUD::hasAccessOrFail('reorder');
+
+        $entries = json_decode($request->input('tree'), true);
+
+        if (empty($entries)) {
+            return false;
+        }
+
+        DB::transaction(function () use ($entries) {
+            $primaryKey = $this->crud->model->getKeyName();
+            $table = $this->crud->model->getTable();
+            $connection = $this->crud->model->getConnectionName();
+            $column = $this->crud->get('reorder.column');
+
+            $query = '';
+            $bindings = $itemKeys = [];
+            $query .= "UPDATE `{$table}` SET `{$column}` = CASE ";
+            foreach ($entries as $order => $item) {
+                $itemKey = str_replace('list_', '', $item);
+                $itemKeys[] = $itemKey;
+
+                $query .= "WHEN `{$primaryKey}` = ? THEN ? ";
+                $bindings[] = $itemKey;
+                $bindings[] = $order;
+            }
+            // add the bind placeholders for the item keys at the end the array of bindings
+            array_push($bindings, ...$itemKeys);
+            $reorderItemsBindString = implode(',', array_fill(0, count($itemKeys), '?'));
+
+            // add the where clause to the query to help match the items
+            $query .= "ELSE `{$column}` END WHERE `{$primaryKey}` IN ({$reorderItemsBindString})";
+
+            DB::connection($connection)->statement($query, $bindings);
+        });
+
+        $updatedNumber = count($entries);
+
+        return "success for {$updatedNumber} items";
+    }
+}
diff --git a/src/resources/views/crud/simple-reorder.blade.php b/src/resources/views/crud/simple-reorder.blade.php
new file mode 100644
index 0000000000..301fe7c68b
--- /dev/null
+++ b/src/resources/views/crud/simple-reorder.blade.php
@@ -0,0 +1,201 @@
+@extends(backpack_view('blank'))
+
+@php
+    $defaultBreadcrumbs = [
+      trans('backpack::crud.admin') => url(config('backpack.base.route_prefix'), 'dashboard'),
+      $crud->entity_name_plural => url($crud->route),
+      trans('backpack::crud.reorder') => false,
+    ];
+
+    // if breadcrumbs aren't defined in the CrudController, use the default breadcrumbs
+    $breadcrumbs = $breadcrumbs ?? $defaultBreadcrumbs;
+
+    $labelName = $crud->get('reorder.label');
+    $escaped = $crud->get('reorder.escaped');
+@endphp
+
+@section('header')
+    <section class="header-operation container-fluid animated fadeIn d-flex align-items-baseline d-print-none" bp-section="page-header">
+        <h1 class="text-capitalize mb-0" bp-section="page-heading">{!! $crud->getHeading() ?? $crud->entity_name_plural !!}</h1>
+        <p class="ms-2 ml-2 mb-0" bp-section="page-subheading">{!! $crud->getSubheading() ?? trans('backpack::crud.reorder').' '.$crud->entity_name_plural !!}</p>
+        @if ($crud->hasAccess('list'))
+            <p class="ms-2 ml-2 mb-0" bp-section="page-subheading-back-button">
+                <small><a href="{{ url($crud->route) }}" class="d-print-none font-sm"><i class="la la-angle-double-left"></i> {{ trans('backpack::crud.back_to_all') }} <span>{{ $crud->entity_name_plural }}</span></a></small>
+            </p>
+        @endif
+    </section>
+@endsection
+
+@section('content')
+    <div class="row mt-4" bp-section="crud-operation-order">
+        <div class="{{ $crud->getReorderContentClass() }}">
+            <div class="card p-4">
+                <p>{{ trans('backpack::crud.reorder_text') }}</p>
+
+                <ol class="sortable mt-0 mb-0">
+                    @foreach($entries as $key => $entry)
+                        @php
+                            $label = object_get($entry, $labelName);
+                            if ($escaped) {
+                                $label = e($label);
+                            }
+                        @endphp
+                        <li id="list_{{ $entry->getKey() }}">
+                            <div>{{ $label }}</div>
+                        </li>
+                    @endforeach
+                </ol>
+
+            </div>{{-- /.card --}}
+
+            <div class="mt-3">
+                <button id="toArray" class="btn btn-success text-light" data-style="zoom-in"><i class="la la-save"></i> {{ trans('backpack::crud.save') }}</button>
+                <a href="{{ $crud->hasAccess('list') ? url($crud->route) : url()->previous() }}" class="btn btn-secondary text-decoration-none"><span class="la la-ban"></span> &nbsp;{{ trans('backpack::crud.cancel') }}</a>
+            </div>
+
+        </div>
+    </div>
+@endsection
+
+@section('after_styles')
+    <style>
+        .ui-sortable .placeholder {
+            outline: 1px dashed #4183C4;
+            /*-webkit-border-radius: 3px;
+            -moz-border-radius: 3px;
+            border-radius: 3px;
+            margin: -1px;*/
+        }
+
+        .ui-sortable ol {
+            margin: 0;
+            padding: 0;
+            padding-left: 30px;
+        }
+
+        ol.sortable, ol.sortable ol {
+            margin: 0 0 0 25px;
+            padding: 0;
+            list-style-type: none;
+        }
+
+        ol.sortable {
+            margin: 2em 0;
+        }
+
+        .sortable li {
+            margin: 5px 0 0 0;
+            padding: 0;
+        }
+
+        .sortable li div {
+            border: 1px solid #ddd;
+            -webkit-border-radius: 3px;
+            -moz-border-radius: 3px;
+            border-radius: 3px;
+            padding: 6px;
+            margin: 0;
+            cursor: move;
+            background-color: #f4f4f4;
+            color: #444;
+            border-color: #00acd6;
+        }
+
+        .ui-sortable h1 {
+            font-size: 2em;
+            margin-bottom: 0;
+        }
+
+        .ui-sortable h2 {
+            font-size: 1.2em;
+            font-weight: normal;
+            font-style: italic;
+            margin-top: .2em;
+            margin-bottom: 1.5em;
+        }
+
+        .ui-sortable h3 {
+            font-size: 1em;
+            margin: 1em 0 .3em;;
+        }
+
+        .ui-sortable p, .ui-sortable ol, .ui-sortable ul, .ui-sortable pre, .ui-sortable form {
+            margin-top: 0;
+            margin-bottom: 1em;
+        }
+
+        .ui-sortable dl {
+            margin: 0;
+        }
+
+        .ui-sortable dd {
+            margin: 0;
+            padding: 0 0 0 1.5em;
+        }
+
+        .ui-sortable code {
+            background: #e5e5e5;
+        }
+
+        .ui-sortable input {
+            vertical-align: text-bottom;
+        }
+
+        .ui-sortable .notice {
+            color: #c33;
+        }
+    </style>
+@endsection
+
+@section('after_scripts')
+    @basset('https://unpkg.com/jquery-ui@1.13.2/dist/jquery-ui.min.js')
+
+    <script type="text/javascript">
+        jQuery(document).ready(function($) {
+            $(".sortable").sortable({
+                forcePlaceholderSize: true,
+                handle: 'div',
+                helper: 'clone',
+                items: 'li',
+                opacity: .6,
+                placeholder: 'placeholder',
+                revert: 250,
+                tolerance: 'pointer',
+            });
+
+            $('#toArray').click(function(e){
+                let orderedItems = $('ol.sortable').sortable('toArray');
+
+                // send it with POST
+                $.ajax({
+                    url: '{{ url(Request::path()) }}',
+                    type: 'POST',
+                    data: { tree: JSON.stringify(orderedItems) },
+                })
+                    .done(function() {
+                        new Noty({
+                            type: "success",
+                            text: "<strong>{{ trans('backpack::crud.reorder_success_title') }}</strong><br>{{ trans('backpack::crud.reorder_success_message') }}"
+                        }).show();
+                    })
+                    .fail(function() {
+                        new Noty({
+                            type: "error",
+                            text: "<strong>{{ trans('backpack::crud.reorder_error_title') }}</strong><br>{{ trans('backpack::crud.reorder_error_message') }}"
+                        }).show();
+                    })
+                    .always(function() {
+                        console.log("complete");
+                    });
+            });
+
+            $.ajaxPrefilter(function(options, originalOptions, xhr) {
+                var token = $('meta[name="csrf_token"]').attr('content');
+
+                if (token) {
+                    return xhr.setRequestHeader('X-XSRF-TOKEN', token);
+                }
+            });
+        });
+    </script>
+@endsection