Search

pageNumber: table.page() + 1, // reference error quantity: table.page.len() // will be the same for this one

$(document).ready(function () { var table = $('#example').DataTable({ responsive: true, "ajax": "layouts/db_array",

table: "#example",

$(document).ready(function() { $('#example').DataTable({ dom: 'Blfrtip', mark: false, 'pageLength': 15, searchHighlight: tru

$(document).ready(function() { var table = $('#example').DataTable({ dom: 'fBtip', buttons: [{ extend: 'searchPanes', text: 'My Title' }, { extend: 'searc

$(document).ready( function () { var oTable = $('#example').DataTable({ initComplete: function () { // initComplete $('.dataTables_filter input') .off() // Unbind previous default

$(document).ready(function() { $('#example').DataTable( { dom: 'Bfrtip', buttons: [ { text: 'My button', action: function ( e, dt, node,

$(document).ready(function() { $('#example').DataTable( { dom: 'Bfrtip', buttons: [ { text: 'My button', action: function ( e, dt, node,

$(document).ready(function() { var table = $('#example').DataTable( { select: true, stateSave: true, //ajax: '/api/staff', rowId: 'id', columnDefs: [ {

$(document).ready(function() { var table = $('#example').DataTable( { select: true, stateSave: true, //ajax: '/api/staff', rowId: 'id', columnDefs: [ {

// Add event listener for opening and closing details $('#example tbody').on('click', 'td.dt-control', function () { var tr = $(this).closest('tr'); var row = table.row( tr );

$(document).ready(function() { var table = $('#example').DataTable( { select: true, stateSave: true, ajax: '/api/staff', rowId: 'staffId', columnDefs: [ {

You have the jQuery ajax request in line 16 that looks to be populating the table. Plus you have the ajax option in the Datatables config that is using the same HTML table. You will want to remove …

$(document).ready(function() { var table = $('#example').DataTable( { select: true, stateSave: true, ajax: '/api/staff', rowId: 'staffId', columnDefs: [ {

//Imports import TableConfig from './components/DataTables/TableConfig'; //Document Ready Function $(function() { var table = $('#example').DataTable( { responsive: TableConfig.responsive,

$('#example').on('textarea mouseup', function () { const dt = $('#example').DataTable(); dt.table().columns.adjust(); });

var config = { columnDefs: [], }; const breakPointConfiguration = { 'dt-hide-desktop': (w) => w > 1024, 'dt-hide-tablet-l': (w) => 768 < w && w

// import "../../styles/table.module.css"; export default function index() { if (typeof window === "object") { // console.log(document.querySelector("#example").Da

Looks like you need to make your jQuery selector more specific and only select the first .dataTables_scrollBody in the #example_wrapper div, like this:

$('#example_wrapper .dataTables_scrollBody').css("height",height+"px").css("max-height",height+"px");