¿Hay alguna forma sencilla de mover datos de una tabla a otra tabla usando la identificación? Quiero obtener toda la información dentro de la primera tabla usando la identificación, insertarla en otra tabla y luego eliminarla de la actual usando Laravel.
En mi tabla Html. Por ejemplo, tengo una tabla de reserva pendiente y hay un botón de acción "aceptar", entonces si hago clic en él, los datos irán a la tabla de reserva aceptada.
Por favor, consulte esta foto. ingrese la descripción de la imagen aquí
puedes usar sortablejs para hacer el truco
verifique este ejemplo de los documentos
si está utilizando datatable, entonces puede hacer algo así
var table1 = $("#pending").DataTable(); var table2 = $("#reserved").DataTable(); $(document).on("click", "#pending .move", function () { var row = table1.row( $(this).parents('tr') ); var rowNode = row.node(); row.remove(); table2 .row.add( rowNode ) .draw(); }); $(document).on("click", "#reserved .move", function () { var row =table2.row( $(this).parents('tr') ); var rowNode = row.node(); row.remove(); table1 .row.add( rowNode ) .draw(); }); <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <table id="pending" class="table"> <thead> <tr> <th scope="col">#</th> <th scope="col">First</th> <th scope="col">Last</th> <th scope="col">action</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td><button type="button" class="btn btn-primary btn-sm move">move</button></td> </tr> <tr> <th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td><button type="button" class="btn btn-primary btn-sm move">move</button></td> </tr> <tr> <th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td><button type="button" class="btn btn-primary btn-sm move">move</button></td> </tr> </tbody> </table> <table id="reserved" class="table mt-5"> <thead> <tr> <th scope="col">#</th> <th scope="col">First</th> <th scope="col">Last</th> <th scope="col">Action</th> </tr> </thead> <tbody> </tbody> </table> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/js/jquery.dataTables.min.js"></script>