Search

$(document).ready(function () { $('#example').DataTable({ stateSave: true, stateDuration: 0, searchPanes: { cascadePanes: true, dtOpts: { paging: true, paging

$('#example').DataTable({ search: {search: user} });

$('#example').DataTable().rows({page:'current'}).select();

$(".selectAll").on( "click", function(e) { if ($(this).is( ":checked" )) { $('#example').rows({page:'current'}).select(); console.log('select'); }

onMounted(function () { $('#example').on('dblclick', 'tbody td:not(:first-child)', function(e) { editor.inline(this) }); }); const editor = new Editor ({ fields: [ { name:

onMounted(function () { $('#example').on('dblclick', 'tbody td:not(:first-child)', function(e) { editor.inline(this) }); }); const editor = new Editor ({ fields: [ { name:

onMounted(function () { $('#example').on('dblclick', 'tbody td:not(:first-child)', function(e) { editor.inline(this) }); }); const editor = new Editor ({ fields: [ { name:

var table = $('#example').DataTable(); var editor = table.editor(); editor .on('initEdit', function () { table.rows(editor.ids(true)).nodes().to$().addClass('hide-delete'); }) .on

onMounted(function () { $('#example').on('click', 'tbody td:not(:first-child)', function(e) { editor.inline(this); }); $('#example').columns.adjust().draw(); }); const editor = new

onMounted(function () { $('#example').on('click', 'tbody td:not(:first-child)', function(e) { editor.inline(this); }); $('#example').columns.adjust().draw(); }); const editor = new

name: 'id' }, ], idSrc: 'id', table: '#example' }); const columns = [ { data: 'checkbox', title: '', className: 'select-checkbox', orderable: false }, { data: 'name', title: 'Name' },

}, // ... ], table: '#example' }); const columns = [ { data: 'name', title: 'Name' }, // ... ]; const options = { responsive: true, dom: 'Bfrtip', select: true,

}, // ... ], table: '#example' }); const tables = new DataTable('#example', { buttons: [ { extend: 'create', editor }, { exten

}, // ... ], table: '#example' }); new DataTable('#example', { ajax: '../php/staff.php', buttons: [ { extend: 'create', editor }, { extend: 'edit', e

var table = $('#example').DataTable(); $('#example tbody').on( 'click', 'tr', function () { console.log( table.row( this ).data() ); } );

$('#example_wrapper').on('click', 'div.dt-button-split > button.dt-button', function() { currentStateName = $(this).text(); console.log(currentStateName); });

document.addEventListener('DOMContentLoaded', () => { //* const dataTable = $('#example').DataTable(dataTableOptions); // Al hacer clic en el botón "Análisis" document.get

$('#example').DataTable({

However if you go to https://datatables.net/extensions/responsive/examples/column-control/fixedHeader.html then inspect element and add max-height: 400px; overflow: auto; to #example_wrapper you can s

$('#example') .one('preXhr.dt', function () { return false; }) .DataTable({ ajax: '...' });