Search

$('#example').dataTable( { "columnDefs": [ { "type": "num-fmt", "targets": 3 } ] } );

Je continue mes tests. j'ai ajouté une nouvelle datatable $('#example2') et une var editor2 pour voir si cela fonctionne bien avec mon fichier joinNested3.php. Cela fonction bien.

$('#example').on( 'click', 'tbody td', function (e) { editor.inline( this ); } );

$(document).ready(function() { var json_veri = $("#json_veri").val(); data = JSON.parse(json_veri); $('#example').DataTable( { ///WHAT TO WRITE HERE?// data: data, column

$(document).ready(function() { editor = new $.fn.dataTable.Editor( { ajax: "controllers/staff_veranstaltung.php", table: "#example", template: '#customForm', fi

table: "#example", }, fields: [ { label: "Site Name:", name: "sitename", def: $_SESSION [ 'username'] },

$('#example tbody').on('click', '.name', function () { var row = $(this).closest('tr'); var data = table.row( row ).data().name; console.log(data); });

* Add the class you just added (p-column-search in my case) as the childSelector of the $(selector).on('keyup change', childSelector, function) event and modify the event selector (from #example thead

$(document).ready(function() { $('#example').DataTable({ "displayStart": 10, "preDrawCallback": function(settings) { console.log(this.api().page.info().start); // 0

$('#example').on('click', 'tbody td.row-edit', function (e) { editor.inline(table.cells(this.parentNode, '*').nodes(), { submitTrigger: -2, submitHtml: '<i>'

table: "#example", idSrc: 'Id', fields: [{ label: "Id", name: "Id" }, { l

Looks like you don't have your row data in the in the default location that Datatales looks for it in the JSON. Use ajax.dataSrc to point to the proper location. In your case the data looks to be i…

$('#example').on('click', 'td', function () { var table = $('#example').DataTable(); var cell = table.cell( this ).data(); // returns correct cell data console.log(cell);

$('#example').on('click', 'td', function () { var table = $('#example').DataTable(); var cell = table.cell( this ).data(); // returns correct cell data console.log(cell);

$(document).ready(function () { $("#exampleN").DataTable({ "responsive": false, "lengthChange": false, "autoWidth": false, "aLengthMenu

$('#example').on('click', 'td', function () { var table = $('#example').DataTable(); var data = table.cell( this ).data(); console.log(data); })

}, }, table: "#example", idSrc: 'Id', fields: [{ label: "Id", name: "Id" }, { l

} }, table: "#example", idSrc: 'Id', fields: [{ label: "Id", name: "Id" }, { l

$('#example').DataTable( { "processing": true, "serverSide": false, "ajax": "example.com/json", "columns": [ { "data"

editor = new $.fn.dataTable.Editor( { "ajax": "../../../admin/editor/php/staff.php", "table": "#example", template: '#customForm', "fields&