DataTables Ignored in Some IE11 Instances

nathon

I have an application that I added datatables to. It works brilliantly... on most machines. However, I've found that on certain people's machines, it is failing to render ANY HTML for the datatable. It simply acts like the datatables statement doesn't exist.

Troubleshooting

1. Most users using IE11 can bring up the data table perfectly fine.
   (note: please, no beating me up over IE. It's a corporate environment and it's not my choice)
2. This only happens in the IE11 browser on a few particular machines.
3. Other browsers like Chrome, Edge, etc. on the same machines work fine.
4. For non-working browsers, they don't work against any of the servers hosting the site.
5. I've disabled all browser extensions not on a working machine.
6. No errors are generated in the console in F12 developer tools.
7. I've thrown alert statements in the same <script> section and it fires.
8. I've put an alert statement in the same document.ready section and it fires as well.
9. No alerts in the datatables AJAX success or error sections fire.
10. I've stepped through the code and the datatables statement is hit.

Packages Used

• jQuery v1.10.2
• jquery.datatables v1.10.15

Code Attached

• index.cshtm

Loren Maxwell

I had a similar problem with my browser (IE11) and I found the "Protected mode" was blocking it.

It's a checkbox under Internet Options, Security.

nathon

Great! Thanks for the idea!

nathon

That worked perfectly! Apparently the save state feature of data tables uses the local storage, which enhanced protected mode refuses access to. I was able to remove the save state option from data tables to fix it since having all users update IE settings wasn't an option. Thanks again!

allan

Thanks for answering this @Loren Maxwell - I would never have guessed that!

Allan

Loren Maxwell

Me either except that I stumbled upon it by accident when I was troubleshooting something completely unrelated (why Font Awesome fonts wouldn't show up).