Search

var editor; $(document).ready( function () { editor = new $.fn.dataTable.Editor( { table: '#example', template: '#customForm', fields: [ { label: 'Name', na

//that doesn't work function getResults(){ //Get all records as JSON array. var str = JSON.stringify(editor.formData()); document.getElementById("myResults").inn

$(document).ready(function() { var dt = $('#example').DataTable( { "search": [ { "bRegex": true, "bSmart": false,

initComplete: function() { if (this.api().page.info().pages === 1) { $('#example_paginate').hide(); } }

"/php/staff.php", table: "#example", fields: [ { label: "ID:", name: "id" }, { labe

+ auftragid, table: "#example", fields: [{ label: "Probennummer:", name: "PRNR_ZAHL" }, { label: &quo

$(document).ready(function() { var dt = $('#example').DataTable( { "processing": true, "serverSide": true, "ajax": "server_side/scripts

$('#example').DataTable({ "processing": true, "serverSide": false, "ajax": { url: "@Url.Action("GetReport", "Reports")&quo

$(document).ready(function() { $('#example').DataTable( { data: ds2, columns: [ { data: 'FirstName'}, { data: 'MiddleName'},

// Activate an inline edit on click of a table cell $('#example').on('click', 'tbody td:not(:first-child)', function (e) { editor.inline(this); });

$(document).ready(function() { $('#example').DataTable({ initComplete: function() { this.api().columns([1, 3]).every(function() { var column = t

editor = new $.fn.dataTable.Editor({ table: "#example", fields: [ { label: "Publish:", name: "Publish", type: "ch

table = $('#example').DataTable({ dom: "Bfrtip", data: aoo, columns: [ { data: 'PosTitle', title: 'PosTitle' }, { data: 'PosCode', title: 'PosCode' }, {

jQuery('#example tbody').append(html);

Thanks for your help. I tried keeping just jQuery('#example').DataTable().clear();. It is not clearing the table. I am not sure where you didnt find tbody tag. But what I found out was after execution

jQuery('#example thead').first().after(html);

$('#example').on( 'change', 'input.editor-active', function () { editor .edit( $(this).closest('tr'), false, { submit: 'changed' } )

(https://datatables.net/manual/styling/classes#Examples)?

Thanks for the reply. I have moved jQuery('#example').DataTable().clear().destroy(); before the jQuery manipulation.

Looks like you are calling the function clickButton() when clicking "Submit". This functions looks like its manipulating the table via jQuery then you are trying the Datatables clear() and