Responsive extension not initialized
Responsive extension not initialized
tflorac
Posts: 2Questions: 1Answers: 0
Hi,
I'm trying to create a javascript module including all DataTables extensions using Webpack:
> import PDFMake from 'pdfmake';
> import JSZip from 'jszip';
>
> import DataTable from 'datatables.net-bs5';
> import 'datatables.net-responsive';
> import 'datatables.net-responsive-bs5';
> import 'datatables.net-autofill-bs5';
> import 'datatables.net-buttons-bs5';
> import 'datatables.net-colreorder-bs5';
> import 'datatables.net-fixedcolumns-bs5';
> import 'datatables.net-fixedheader-bs5';
> import 'datatables.net-keytable-bs5';
> import 'datatables.net-responsive-bs5';
> import 'datatables.net-rowgroup-bs5';
> import 'datatables.net-rowreorder-bs5';
> import 'datatables.net-scroller-bs5';
> import 'datatables.net-searchbuilder-bs5';
> import 'datatables.net-searchpanes-bs5';
> import 'datatables.net-select-bs5';
> import 'datatables.net-staterestore-bs5';
>
> export default DataTable;
This module is loaded dynamically using a simple code like in :
> import('./mypackage').then(({default: DataTable}) => {
> const plugin = new DataTable(element, options);
> });
I tried to add the "responsive" class to the table element, or to add "options.responsive = true", but the extension is not initialized!
The only way I found to initialize the extension was to add a call to "plugin.responsive()"...
Any idea?
Answers
I forgot to mention that I'm using DT release 2.3.4 and responsive extension 3.0.7!
Can you link to a StackBlitz example showing the issue, or create a minimal git repo showing the issue please?
Allan