Jquery DataTable loads data slowly when applied responsive property to true

paragbhingre

I am newbie in using Jquery DataTable and I am having around 700 records coming from the backend. On the UI I am using datatable to render those records and having following properties to it.

var datatable = $('#table').DataTable({
                select: true,
                searching: true,
                paging: true,
                deferRender: true,
                pageLength: 10,
                autoWidth: true,
                orderCellsTop: true,
                scrollCollapse: true,
                fixedHeader: {
                    header: true,
                    footer: false
                },
                responsive: true,
                fixedColumns: {
                    leftColumns: 3
                },
});

Whenever I apply responsive: true it takes 1 minute to load 700 records and when I remove responsive: true it loads 700 records in 2 seconds. I really don't know how to handle this issue as I need my table to be responsive.

Thank you in advance.

colin

Hi @paragbhingre ,

That does seem very long. We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin