Vuetify.js - IE11 not showing datatables with babel-polyfill

Question

I have installd babel-polyfill using package.json (npm) in a laravel environment. I am using vuetify to generate tables. However, when opening the page rendering the table in IE11 the table shows up but all the columns are gone (all columns are merged into one single column) and I cannot interact with the datatable (I have row click events which work fine in Chrome, Firefox and Edge). Do I need any additional polyfill packages?

Package.json:

    "devDependencies": {
     ...
    "babel-polyfill": "^6.26.0",
     ...
   }

app.js:

import babelPolyfill from 'babel-polyfill';
import Vuetify from 'vuetify'


window.Vue = require('vue');    
Vue.use(vueResource);
Vue.use(Vuetify);

Thanks for any help!

EDIT: Turns out it was a bug. It seems to have been fixed in version 1.5.5.

Answer 1

As stated by Zach there is barely support for E11. Polyfill support is there but CSS support is lacking.

If you look at the browser statistics only a small number of people is still using it. You should drop support if you are able.

Using new technology with a very old program tends to cause problems.