Search

function formSubmit (formAction) { event.preventDefault(); var tables = $('#example').DataTable(); ....

Issue: Grid works fine with a Child Row being displayed when a row is clicked. This Child Row has a Form with a Comment field (to make this simple but the actual Form contains radio buttons, dropdow

); } let table = new DataTable('#example', { searching: true, layout: { topStart: toolbar }, ajax: { url: '/xxxx', dataSrc: '

var table = $('#example').DataTable(); editor = table.editor(); // Turn off original click event handler for inline editing table.off('click', 'tbody td:not(:first-child)'); // Activate an inline edi

var table = $('#example').DataTable(); editor = table.editor(); // Turn off original click event handler for inline editing table.off('click', 'tbody td:not(:first-child)'); // Activate an inline edi

$('#example').on('click', 'tbody td:not(:first-child)', function (e) { editor.inline(table.cell(this).index(), { onBlur: 'submit' }); });

name: 'salary' } ], table: '#example' }); var table = $('#example').DataTable({ ajax: { url: '/api/staff', type: 'POST' }, columns: [ {

Hi,

$(document).ready(function () { vat table = $('#example').DataTable()' $('#example thead th:eq(0)').html('new column header'); }

There is discussion about this in the 2.3 announcement post.

$('#example').DataTable().state();

$('#example') .addClass( 'nowrap' ) .dataTable( { responsive: true, columnControl: [ 'order',

var editor = new DataTable.Editor({ ajax: '../php/staff.php', fields: [...], formOptions: { inline: { onBlur: 'none', } }, table: '#example' }); $('#e

let table = new DataTable('#example', { ajax: { url: '', dataSrc: 'data', headers: { Authorization: 'my-key' } }, columns: [ { data: 'na

Hi,

var dt = new DataTable('#example', { paging: false, ordering: false, info: false, layout: { topStart: { buttons: ['csv', 'excel'] }, topEnd: { buttons: [{

new DataTable('#example', { layout: { topStart: { buttons: [ { extend: 'fixedColumns', text: 'FixedColumns',

let dt = new DataTable('#example'); dt.on('draw', () => { console.log('Doing draw'); });

$('#example').DataTable({ scrollX: true, preDrawCallback: function (data) { data.nTableWrapper.querySelectorAll('colgroup').forEach((e) => e.remove()); } })

var editor = new DataTable.Editor({ ajax: '../php/staff.php', fields: [ { label: 'First name:', name: 'first_name' }, { label: 'Last