Search

This example and the information at the top of it might be useful. Allan

adjust its measure on responsive dsplay when the scrollCollapse option is set to true. Is it the standard

table = $this.DataTable({ pageLength: pageLength, responsive: isResponsive, scrollY: scrollHeight ? scrollHeight : '', pagingType: 'full_numbers', scrollCollapse: scrollHeight ? true : false, paging: isShowPaging ? isShowPaging

example: var TableServicios = $('#TableServicios').DataTable( { responsive: false, lengthChange: false, "paging": false, autoWidth: false, searching: true, fixedHeader: true, "scrollX": true,

tried to add the "responsive" class to the table element, or to add "options.responsive = true", but the extension is

by removing the bootstrap responsive and setting the following on init of datatables; "scrollX": true, Although it bugs me

70vh', autoWidth: true, scrollCollapse : true, paging : false, stateSave : false , select: { style: 'os', selector: 'td:not(:last-child)' }, responsive:{ details:{ type: 'column', target:

Whenever responsive is enabled, data attached to the table element ($('#example').data('testvar', true)) is being removed. Test case: http://live.datatables.net/dotejuyu/1/edit

This code seems to work: const myModal = document.getElementById('exampleModal'); myModal.addEventListener('shown.bs.modal', () => { DataTable.tables({ visible: true, api: true }).columns.adjust(); }); See the updated test case: https://live.datatables.net/dikodofa/1/edit I disabled responsive to show the effect. Kevin

responsivePriority: 2, targets: -1 } ] }, //"responsive": false, "paging": false, "aoColumnDefs": [{'bSortable': false, 'aTargets': [ -1 ]}], "orderCellsTop": true, "columnDefs": [ { "type": "percent", targets: