Javascript Vuetify.js 2-使用babel polyfill无法正确显示数据表页脚

我在Vuetify.js 2.0.10中使用数据表。页脚在IE11中不能正确显示，如下所示

我读了这份文件。

我安装了babel polyfill和@/babel/preset env，然后像下面一样配置了babel.config.js和vue.config.js

package.json

{
"name": "table-test",
"version": "0.1.0",
"private": true,
...
"dependencies": {
    "babel-polyfill": "^6.26.0",
    "vue": "^2.6.10",
    "vuetify": "^2.0.10",
    ...
},
"devDependencies": {
    "@babel/preset-env": "^7.5.5",
    ...
}
}

babel.config.js

module.exports = {
presets: [
    '@vue/app',
    '@babel/preset-env'
]
}

module.exports = {
    transpileDependencies: ["vuetify"]
}

vue.config.js

module.exports = {
presets: [
    '@vue/app',
    '@babel/preset-env'
]
}

module.exports = {
    transpileDependencies: ["vuetify"]
}

main.js

import "babel-polyfill";  // polyfill
import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import vuetify from './plugins/vuetify';

Vue.config.productionTip = false;

new Vue({
router,
store,
vuetify,
render: h => h(App)
}).$mount("#app");

Vue模板

<template>
<v-data-table
        :headers="headers"
        :items="desserts"
        class="elevation-1"
></v-data-table>

</template>
<script>
export default {
data: () => ({
    headers: [
        ...
    ],
    desserts: [
        ...
    ]
}),
};
</script>

导出默认值{
数据：（）=>({
标题：[
...
],
甜点：[
...
]
}),
};

我的问题是: 1.有没有办法解决这个问题？ 2.当我在IE11中打开此Vuetify文档页面时 页脚显示正确，为什么？

---

尝试使用以下样式作为解决方法。也许你需要根据自己的需要调整像素大小

//IE11数据表页脚修复
.v-data-footer\u选择{
弹性基础：自动；
.v-select{
弹性基准：50px；
.v-选择\选择{
弹性基础：自动；
}
}
}
.v-列表-项目内容{
flex:1自动；
最小宽度：40px；
}