DT Responsive IE8 support in JQuery.Tab

DeTrop

Hi @*

1) it seems using the responsive extension in a tab in IE8 breaks the sort icons functionality on sort (icons aren´t updated). Does any workaround exists? See https://datatables.net/extensions/responsive/examples/child-rows/column-control.html in IE8.

2) I want to initialize the datatable hidden on a second tab of two on first load. As soon as I submit the form on the first tab on response I activate tab 2 in order to show the results. Therefore I need to call

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

on tab activated to get responsive react / init. Since I am in the early stage of dev process, I mock that situation statically via html without any ajax functionality yet. So the logic may not sufficient yet. I´ll figure that out later.

But calling recalc() on tab activation breaks the onClick of the details icons. So I cannot show the hidden columns. As soon as I init the datatable on response on tab activation event (tab not hidden anymore) it works as expected.

Is there an workaround or something I can do or do better to get it work on hidden initalized datatable? (IE8 issue only)

Thx in advance

DeTrop

DeTrop

Okay... the same issue happens, when I switch between the two tabs back and forth. The display of the datatabel becomes completely disrupted as long as I not change the entire window size... IE8 seems to dismiss an event or something like this. I don´t know. I circumvent this strange behaviour temporarily now via a bad bad hack. On tab activation I check on client browser and add 1 pixel to window size and the datatable displays normally as before ^^

Further: I cannot call responsive recalc() on an already initialized datatable in IE8. This breaks the expandability of the child rows .. and I don´t know why yet ... =)

DeTrop

For now I solved the problem responsive getting to work in IE8 calling recalc() on an already initialized datatables instance, I think.

All I had to do was to init the datatable first(!) and then jquery.tabs.init() in $document.ready and putting the recalc() method call into tab beforeActivation. Then it worked for IE8. Whereas all other browsers (IE9, IE10, IE11, Safari, Chrome, Firefox and Opera can cope with the init logic the otherway round?!...

The problem switching between tabs back and forth I didn´t find the clue yet..
The order columns sort icons doesn´t work either...