Adding modal window creates some conflict

adamnet

Here is my code:

new DataTable('#example', { scrollX: true, language: { url: 'https://cdn.datatables.net/plug-ins/2.1.3/i18n/el.json', }, responsive: { details: { display: DataTable.Responsive.display.modal({ header: function (row) { var data = row.data(); return 'Details for ' + data[0] + ' ' + data[1]; } }), renderer: DataTable.Responsive.renderer.tableAll() } } });

When I add responsive, horizontal scroll stops working.
Any help would be much appreciated.

kthorngren

Responsive and scrollX aren't meant to work together. For example if the container is smaller than the table width then Responsive will hide columns to fit within the container. There isn't a need for horizontal scrolling at this time.

Please provide your use case for having both.

Kevin