IE8 issues(Responsive & colReorder & Order)
IE8 issues(Responsive & colReorder & Order)
Two issues will occur if you have set the Responsive & colReorder & Order in IE8.
$(document).ready(function() {
$('#example').DataTable( {
colReorder: true,
responsive: true
} );
} );
1.Header of the arrow is not reflected at the time of the order
https://www.datatables.net/forums/discussion/30750/ie8-responsive-issues
Added code that has been described in the link .
2.Arrow is not reflected at the time of the order after the Drag
We changed the coding as shown below
_fnCreateDragNode
var clonedTable = $( origThead ).clone( false ).empty()[0];
var clonedThead = $( origThead ).clone( false ).empty().appendTo( clonedTable );
var clonedTr = $( origTr ).clone( false ).empty().appendTo( clonedTable );
this.dom.drag = $(clonedTable)
.addClass( 'DTCR_clonedTable' )
.append(
$(clonedThead).append(
$(clonedTr).append(
cloneCell[0]
)
)
)
.css( {
position: 'absolute',
top: 0,
left: 0,
width: $(origCell).outerWidth(),
height: $(origCell).outerHeight()
} )
.appendTo( 'body' );
I think it is a bad way to change the datatables.js
Do you have any sugesstions?
Here is live demo,
http://live.datatables.net/jamibego/1
Best Regards,
Tate