Search

Datatable only works on reload

by Simona · March 2020

$('#myTable').DataTable();

generate URL with data from json (ajax)

by carrelcom · March 2020

$(document).ready(function() { $('#mytable').DataTable( { "ajax": "http://...../xxx.json", "columns": [ { "data"

how to make data table in 'pdf' To Support Arabic Language (RTF) as when we dwonload it?

by mostafasalh · March 2020

$("#myTable").DataTable({ dom: 'Bfrtip', buttons: [ 'copy', { extend: 'excel', title: 'Number/type

Pagination problems or rows in the table are not all

by localhost1 · March 2020

$('#mytable').DataTable({ responsive: true, "ordering": true, dom: 'Bfrtip', "order": [[ 6, "de

Show error message inside datatable

by karibusana · March 2020

var dataTable = $('#mytable').on('error.dt', function (e, settings, techNote, message) { Swal.fire({ title: 'Ops qualcosa è andato storto!', te

How to optimize speed when loading heavier data?

by tschen01 · February 2020

var table = jQuery('#myTable').DataTable(

Buttons are not working anymore

by briceRestofute · February 2020

dataTableProd = $('#myTable'); dataTableProd.DataTable({ "destroy": true, "ordering": false, "paging": false, &qu

Bootstrap4 DataTable sort and search are not working.

by markmnei · February 2020

$(document).ready(function () { $('#mytable').DataTable({ paging: false, searching: true, ordering: true, }); });

Responsive + Editor with opt-in for inline editable fields

by allan · February 2020

$('#myTable').on('click', 'span.dtr-data', function () { var cell = table.cell(this).node(); if ($(cell).hasClass('editable')) { editor.inline(this); } });

Hyperlink entire row or cell using data-href attribute

by halioris · February 2020

var rankTable = $('#myTable').DataTable(); $('#myTable').on('click', 'tbody tr', function() { window.location.href = `someurl/${table.row(this).data()[1]}`; });

data can do crud on the first page while on the second page and the next page does not work

by hdscode · February 2020

$(document).ready(function(){ $('.delete').on('click',function(){ $('#mytable').DataTable(); var userid=$(this).data('userid');

SearchPane dialog with close button

by imic · February 2020

$('#myTable').DataTable( { buttons: [ { extend: 'edit', editor: myEditor, formButtons: [ { label: 'Close',

Editor - Switch off New / Delete / Edit buttons / display only functionality - can it be done ?

by kthorngren · February 2020

var buttons = [...]; $('#myTable').DatatTable({ buttons: buttons });

Update table on Ajax Request

by craigooo · February 2020

document.addEventListener('scroll', function (event) { if (ajaxGetWhenScrolling) { if (event.target.className === 'dataTables_scrollBody') { // or any other filtering condition

Editable datatable not triggering blur event on changing value to other value after first update

by colin · January 2020

var editor = new $.fn.dataTable.Editor({ ajax: $table.data('editUrl'), table: '#myTable’, fields:myFieldArray, formOptions: { inline: { onBlur: 'submit',

Editable datatable not triggering blur event on changing value to other value after first update

by measim0089 · January 2020

var editor = new $.fn.dataTable.Editor({ ajax: $table.data('editUrl'), table: '#myTable’, fields:myFieldArray, formOptions: { inline: { onBlur: 'submit' }