jQuery dataTables responsive recalc Issue

Question

I am using v1.10.6, when I changed the display for a datatable Container, all rows become collapsed. I tried to use:

oTable.responsive.recalc();

and:

oTable.columns.adjust().responsive.recalc();

Also I tried:

$($.fn.dataTable.tables(true)).DataTable().responsive.recalc();

but it's removing the responsive functionality of the table.

davidkonrad · Accepted Answer · 2015-05-15 08:50:10Z

8

Yes, your problem was easy to reproduce. A basic responsive: true initialisation does in fact collapse the rows when the table is shrinked, but does not expand the rows when the table is enlarged, and seems not to work at all if you make the table larger than its original size.

But setting autoWidth: false seems to do the trick :

var table = $('#example').DataTable({
    autoWidth: false, //<---
    responsive : true
});

window.onresize = function() {
    table.columns.adjust().responsive.recalc();
}

Now it seems to work as it supposed to do.
Demo -> http://jsfiddle.net/g0vhvcp7/

answered May 15, 2015 at 8:50

davidkonrad

85.7k17 gold badges211 silver badges273 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery dataTables responsive recalc Issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related