Tables header - sort icon jumps vertically in IE11 & Edge.

Topic: Tables header - sort icon jumps vertically in IE11 & Edge. Chrome works.

shadsnz asked 5 years ago

Expected behavior Sort icons should remain in the same position in the header cell after sorting.

Actual behavior When sorting contents of a table by clicking the heading, the sort icons "jump" vertically up and down. Occurs only in IE11 and Edge (Chrome & FF works as expected).

Only an issue when the heading has multiple lines of text (wrapped).

Resources (screenshots, code snippets etc.) Example showing icons in different positions for each header

Add comment

Marta Szymanska staff pro premium answered 5 years ago

0 0 Best answer

Hi,

as you can read in our official statement of supported browsers and devices, we do not support IE.

https://mdbootstrap.com/general/browsers-and-devices/

We are doing our best to ensure compatibility with older browsers, however, due to technical limitations, it's not always possible. IE11 is almost 6 years old and doesn't support many crucial features like flexbox.

If we decided to fully support old browsers, we would neglect the development and improvement of our products

Best Regards, Marta

Add comment

shadsnz answered 5 years ago

0 0 Best answer

Noted re Internet explorer. Thank you for those support details.However, we see the same problem under MS Edge which I understand is supported. Here's a snapshot from the examples at https://mdbootstrap.com/docs/jquery/tables/datatables/ showing the same problem.

enter image description here