Search

document.addEventListener('DOMContentLoaded', function () { let table = new DataTable('#example',{ dom: 'Bflrtip', buttons: ['copy'] }) });

$(document).ready(function() { $('#example').DataTable( { "processing": true, "ordering": true, "columnDefs": [ { "targets": 1,

$('#example tbody').on('click', '.name', function () {

// Edit record $('#example').on('click', 'td.editor-edit', function (e) { e.preventDefault(); editor.edit( $(this).closest('tr'), { title: 'Edit record',

$(document).ready(function () { var table = $("#example").DataTable({ "responsive": true, "ajax": { "url": "/Products/Getal

} }, table: "#example", idSrc: "id", fields: [ { label: "Company:",

$(document).ready(function() { $.fn.dataTable.moment( 'HH:mm MMM D, YY' ); $.fn.dataTable.moment( 'dddd, MMMM Do, YYYY' ); $('#example').DataTable(); } );

$('#example').dataTable( { "processing": true, "serverSide": true, "ajax": { "url": "server_processing.php", "dataType": json" } } );

So @tangerine , you totally helped me and it works now. When I add another table, it breaks the whole thing. Do I need to make another script for another #example? Or how can I have two of the same ta

a text input to each footer cell $('#example thead tr') .clone(true) .addClass('filters') .appendTo('#example thead');

$('#example').dataTable( { "processing": true, "serverSide": true, "ajax": { "url": "server_processing.php", "dataTyp

$('#example').dataTable( { "ajax": function (data, callback, settings) { callback( JSON.parse( localStorage.getItem('dataTablesData') ) ); } } );

$(document).ready(function () { var table = $('#example').DataTable({ "ajax": { url: "/admin/data/base.json",

When you say "crash" do you mean the row is not created?

var oTable = $("#example").DataTable({ "bFilter": true, "pagingType": "full_numbers", "serverSide": true, "deferRender&qu

$('#example').DataTable({

Put it before the Datatables init code, just like the examples. In your case it looks like before var t = $('#ncs').DataTable(); would be the correct place.

$(document).ready(function () { // Setup - add a text input to each footer cell $('#example thead tr') .clone(true) .addClass('filters') .appendTo('#example thead');

and now i cannot append new data on the JS using ajax.data

The answer is it depends