Search

$("#example").DataTable({ "bInfo":false, "lengthChange": false, searching: false,

$(document).ready(function () { var t = $('#example2').DataTable({ "paging": true, "processing": true, "serverSide&

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

$('#example').on( 'click', 'tbody td:not(:first-child)', function (e) { editor.inline( this, { onBlur: 'submit', submit: 'allIfChanged', page

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

var table = $('#example').DataTable({ processing: true, responsive: true, //ajax: JSON.parse(this.state.tableItems), data: this.state.tableItems, // responsive: { /

var table = $('#example').DataTable({ processing: true, responsive: true, //ajax: JSON.parse(this.state.tableItems), data: this.state.tableItems, columnDefs: [{ &

$('#example').on( 'click', 'tbody td.row-edit', function (e) { editor.inline( table.cells(this.parentNode, '*').nodes(), { submitTrigger: this, submitHtml: '<i>',

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

$('#example thead tr:eq(1) th:eq(1)').text('')

table: "#example", data: table_data, fields: [ { label: "Item:"

Thanks. That seems to work for the changes Kevin proposed. I actualy dont understand what it is suppose to do. As after reload the filter is not refreshed. I did managed to implent the example for que

$('#example').DataTable({ ajax: { url: url, }, language: { 'loadingRecords': '<div></div>', }, });

$('#example').on('click', 'td.dtr-control', function () { var tr = $(this).closest('tr'); var row = table.row( tr ); if ( !row.child.isShown() ) { alert("This row is al

if ($.fn.DataTable.isDataTable('#example')) {

2 After I use a update statement from a other ajax submit and call the function: $('#example').DataTable().ajax.reload(null, false); I need the values in the dropdowns to be updated with the new resul

$('#example tbody').on('click', 'td.details-control', function () { var tr = $(this).closest('tr'); var row = table.row( tr ); if ( row.child.isShown() ) { // This

I'm not familiar with MVC so can't give a specific answer but this doc shows what Editor expects in the response. Hopefully that helps you update your controller code to work. Let us know the resul…

When I put the #example table in from your link exactly the same div (with the pre-populated data in the HTML) then it works as expected and is fully responsive within my page

Looks like you need to include a call to jQuery empty(). See the second example in the destroy() docs.