estoy trabajando en una tabla de datos que muestra datos de mi tabla sql. hasta ahora todo se muestra muy bien, sin embargo, uno de mis campos debe poder ser editado por el usuario y tener ese valor actualizado en la base de datos en consecuencia. He estado buscando varias formas de hacer esto, pero no han funcionado. He investigado las entradas de formulario, cell().edit() y onBlur de https://datatables.net pero no he podido hacer que funcionen. Actualmente tengo esto para mi script.

 $(document).ready(function () { var table = $('#example').DataTable({ serverSide: false, language: { searchBuilder: { title: 'Custom Filter' } }, dom: 'Q<"pull-left"f><"pull-right"l>rtip', ajax: { url: "{{ url('/test') }}", type: "GET", datatype: "text", data: { q:"select * from exampleTable", filename:"examplefile.json", cacheInterval: 1 } }, columns: [ {data: 'column1',title: 'column1'}, {data: 'column2',title: 'column2'}, {data: 'column3',title: 'column3' "fnCreatedCell": function (nTd, oData) { $(nTd).html("<input class='form-control' id='userInput' value='"+ oData.column3 +"'>"); }}, ], order: [ [0, 'asc'] ],

column3 en este caso sería la que se muestra como campo de formulario mostrando los datos actuales ya llenados por defecto pero se pueden cambiar. mi html está en una hoja separada con esto.

 <div class="card"> <div class="card-header">Test Table</div> <div class="card-body"> <button class="updatebutton"type="submit">Submit</button> <table id="example" class="table table-striped"> </table> </div> </div>

Preferiblemente, funciona como onBlur, donde editan la línea y, tan pronto como hacen clic, actualiza la celda; sin embargo, también eliminaré la actualización del clic del botón.