Search

function createIntoDiv() { var container = document.createElement('div'); container.id = "myContainer"; document.body.appendChild(container); /* Fictitious table begin (r

$(document).ready(function () { * $('#myTable').DataTable({ * responsive: { * details: { * renderer: function (api, rowIdx, columns) { *

$("#myTable").DataTable({ processing: true, serverSide: true, pageLength: 10, ajax: "../Retrieve.ashx", fnServerData: function (sSource, aoD

$("#my_table").DataTable({ "ajax": { url: "path/of/call", dataSrc: function (data, settings) { console.log(data); return data; } }, "columns": [ {"data&quo

It worked in jsfiddle. Hence, I Invoked require('datatables.net-colreorder')(window,$); right before $("#my_table").dataTable( ) in my actual code. That did the trick for me.

require('datatables.net-colreorder')(window,$); $("#my_table").dataTable({ colReorder: true, sDom:'ZlBpitp<"info"i>', stateSave: true, .... });

var table = $('#myTable').DataTable( { columnDefs: [ { targets: [>0], visible: true} ] } );

$('#myTable').DataTable( {

JavaScript: $("#my_table").DataTable({ "ajax": "path/of/call", "columns": [ {"data": "formattedCreated"}

$table = $('#myTable').DataTable( ajax: { url: url, dataFilter: function(data) { var json; json = JSON.parse(data); json.recordsTotal = total; // can I return a async

var form_data = $("#myform").serialize(); $.ajax({ url:'<?php echo base_url('reclist/save');?>', type:'post', datatype:'json', data: form_data, success:

"table": "#myTable", > "idSrc": "id", > "fields": [{ > label

function hookUpSportClickEvent() { $('#myTable').on('click', ' tbody td .editButtonSport', function () { -- do some work here }); }

table.prependTo('#MyTable'); var myTable = table.DataTable({ data: myData, columns: [ ... { title: "Status", data: "StatusName", class: "centered-te

editor = new $.fn.dataTable.Editor( { ajax: "source.php", table: "#my-table", fields: [ { label: "Field 1:", name:

editor = new $.fn.dataTable.Editor( { ajax: "source.php", table: "#my-table", fields: [ { label: "Field 1:", name:

$('#myTable').on( 'click', 'a.buttonClass', function () { editor.edit( $(this).closest('tr') ); } );

return $('#myTable').dataTable(defaultDataTable({

var table = $('#myTable').DataTable({

$(document).ready(function(){ $('#mydatatable').DataTable({ 'columnDefs': [ { responsivePriority: 1, targets: 1 }, { responsivePriority: 2, t