Search

Have you looked at using Datatables Column Visibility instead of the third party library you linked to?

data) => { TLO.JQ("#columnOrder").val(data["ColumnOrder"]); try { TLO.CustomLettersGrid = TLO.JQ('#LettersForm .tlotable

You can set selectAllPages option to false to disable selecting checkboxes from all pages.

Use columns.visible, column().visible() or the column visibility button depending on when and how you want to hide the columns.

Use the Column Visibility option of the Buttons extension. Examples can be seen here.

You can get the scroll bar to appear in the example above with only two columns visible if you comment out the ColumnDefs section so I don't think it's anything to do with scroll bar not being necess…

] }); $('#column3_search').on( 'keyup', function () { table .columns( 3 ) .search( this.value

I don't think there is anything built into Datatables to show and hide columns while scrollling. One option is to use Column Visibility. You can also use column().visible() to show and hide columns.

{ ##columns: '.show' columns: function (idx, data, node) { return table.columns[idx].bExport === true; }

- how can I get user specified widths working? Inside a Jupyter notebook they appear to work only under certain conditions, see the two examples at https://mwouts.github.io/itables/#Column-width

I'm not sure how to calculate #cells = #columns * #rows to check it

var data = { "Id": $('#column-1').val(), "FirstName": $('#column-2').val(), "LastName": $('#column-3').val(), "UserName": $('#column-4').val(), "Deleted&qu

Thank you, Allan. The idea of creating view is great. I'll try to do it this way.

The loading part is working. The script is loading data into "#column_rendering".

My example is based off this example using the Buttons extension column visibility button.

= $('#recordtype').val(); var columns = $('#columns').val(); console.log(columns); var columnslabels = $('#columnlabels').val(); console.log(recordId + ' ' + recordType + ' ' + column

= $('#recordtype').val(); var columns = $('#columns').val(); console.log(columns); var columnslabels = $('#columnlabels').val(); console.log(recordId + ' ' + recordType + ' ' + column

= $('#recordtype').val(); var columns = $('#columns').val(); console.log(columns); var columnslabels = $('#columnlabels').val(); console.log(recordId + ' ' + recordType + ' ' + column

if (title != "") $('#column_filters').append(''); else $('#column_filters').append(''); }); // Draw table with header, body a

var table = $('#example').DataTable(); // #column3_search is a element $('#column3_search').on( 'keyup', function () { table .columns( 3 ) //here is the collumn that holds the zip info