Search

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

myTable = $('#example').DataTable({

just change this '$(document).on("click","button", "#example tbody ",function()' =>

Try replacing table on line three with $('#example').DataTable(). - I suspect the problem is that your table variable is out of scope (it was defined in the ajax function).

table = $('#example').DataTable( { "data" :grid, "columns" : [

$('#example').DataTable({

if ($('#example').DataTable().settings()[0].oInit.serverSide === true) ...

() { $('#example tbody').on('click', 'td.details-control', function (event) { event.stopImmediatePropagation(); var tr = $(this).c

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

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

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

$('#example').dataTable( { "columnDefs": [ { "targets": 0, "data": "download_link", "render": function ( data, type, row, meta ) {

} }, table: "#example2", "idSrc": "id", fields: [ { label: "Name:",

I you have a look at this example, when you click on excel button, it exports the table data (#example) on Excel sheet and the data from other table (#example2) on new sheet in the same file.

As shown in the example above,(#example2) when I use the rowGroup, how can I get access to the variable where rowgroup data is saved and then display it inside the table?

$(document).ready(function() { editor = new $.fn.dataTable.Editor( { ajax: "../../controllers/staff.php", ... $('#example').DataTable( { dom: "Bfrtip",

"domTable": "#example", "fields": [ ..... var fatherTable = $('#example').DataTable({ do

$('#example').DataTable( {

$('#exampleEditor tbody').on('click', 'td.details-control', function () {

{% extends 'index.html' %} {% block body %} <h1>{{title}}</h1> <div> <table id="example" class="display"> Name Descr