Search

name: 'sortorder' } ], table: '#datatables-cats' });

looks like two issues:

Another option to eliminate duplicated ids is to use HTML5 data-* attributes instead. In the click event use jQuery closest() to get the table which will be used as part of the toggle() selector to …

table = $("#dataTable").DataTable({ .... ajax: { url: surl, // URL of your Azure Function type: 'POST', // Use POST method to

dataTable = $('#dataTable').DataTable({

Could you please provide an example of how to persist dropdown values in the DataTable?

What you want is to use the SetValue() method for the Field class.

The JSON response looks correct. The row data is in the expected data object as described in the Ajax docs..

You row data are objects not arrays so you need to use columns.data to define the columns. See the data docs for more details and this example.

https://datatables.net/blog/2019/parent-child-editing-in-child-rows#DataTable-configuration

datatable_promotions = $('#datatable_promotions').DataTable({ paging: true, lengthMenu: [10, 25, 50, 75, 100], pageLength: 25, searching

https://datatables.net/blog/2019/parent-child-editing-in-child-rows#DataTable-configuration

$(document).ready( function () { $('#datatable').DataTable({ dom: 'QBfrtip', processing: true, serverSide: true, ajax: { url: '/api/web/items' }, columns: [

table: '#data_table'

() => false); new DataTable('#data_table', { ajax: '../api/crud/{{model}}', processing: true, serverSide: true, pageLength: 50,

For some reason if I add the columns it breaks the datatable.

() => false); new DataTable('#data_table', { ajax: '../api/crud/{{model}}', processing: true, serverSide: true, pageLength: 50,

<table id="data_table" class="display"> <thead> <tr> {% for i in columns %} <th>{{ i }}</

let table = $('#datatable').DataTable(); let idx = data.idx; // DON'T KNOW HOW TO GET IDX AND WHAT EXACTLY IS // Create single event call table.one('xhr.dt', function

$('#datatable').DataTable({