Search

<script type="text/javascript"> $(document).ready(function () { $("#logs-table").appTable({ source: '', columns: [ //{title: ''}, {title: ''}, {title: ''}, {title: ''}, //{title: '<i data-feather="menu" class="icon-16"></i>', "class": "text-center option w100"} ] }); }); </script> Edited by Kevin: Syntax highlighting. Details on how to highlight code using markdown can be found in this guide

as well - when reordering columns that do not trigger

I am getting Uncaught SyntaxError: Unexpected identifier at columns: [ Missing a comma after the ajax object closing bracket - line 7 in the above Also change: { viewentry: 'farmnumber' }, To be: { data: 'farmnumber' }, And the same for the other columns. Allan

datetime" }, Table Code var columns = [ {title: 'Open Date', data:

Thanks Kevin. This worked: columns: '.editable'

nvm, it works but it was too fast and because I have child row, it appears lower on the DT, is it possible to make it show under the column's title directly?

extend: 'remove', editor: paymenteditor }, ], columns: [ { data: 'id', title: 'ID'

All of the columns are visible so none

Your codepen works for me. Reduce screen width, buttons appear, click button, modal appears showing details of hidden columns.

The Module rest_framework_datatables was handling everything for serverSide, the problem was with one of the columns being integer but saved as text on the DB, so Sorting became faulty.