Quiero actualizar el cuerpo de la tabla al guardar la fila actualizada. No he usado la etiqueta tbody en mi código, sino que usé id="mainBody", pero cuando intento volver a cargar, siempre aparece el error.

manageBtn es el ID del botón Save en el modelo que se utiliza para editar datos sin procesar individuales.

 <table class="table table-hover table-striped table-bordered table-dark" id="mainTable"> <thead> <tr> <td>Job #</td> <td>Material</td> <td>Quantity</td> <td>Order Number</td> <td>Project Number</td> <td>Label Data</td> <td>Starting Serial</td> <td>Ending Serial</td> <td class="row flex-nowrap hiddenTH"></td> </tr> </thead> <tbody id="mainBody"> </tbody> </table>

 $("#manageBtn").click(function() { var table = $('#mainBody').DataTable(); table.ajax.reload(); }); });