div having scrollbar in a cell flick when re-rendering the grid in IE 11

Hello.

I have a datatable as in image. I have a cell contain

               {
                    data: 'LastRemarkDisplay',
                    render: function (data, type, full) {
                        return '<div class="max-height-div"><span class="last-remark-font">' + data + '</span></div>';
                    }
                },

.max-height-div {
    height: 65px; 
    overflow-y: auto;
    vertical-align: middle !important;
}

There is no problem when there is no scroll in the div. But when the contain of LastRemarkDisplay overflow, a vertical scrollbar will be shown.
At this time, if I display the panel on the right side, it seems it cause the datatable re-render, and then it make the div flickering (hide and reshow).
The same problem happens when I redraw the grid
$('#jobs-table').DataTable().order([[2, 'desc'], [3, 'asc']]).draw(false);

Do you have a solution to make the div in the cell not flickering?

This problem not happen in Chrome

Please help. Thank you very much