vxe table 滚动条样式不生效?

Question

请问大家 vxe-table表格的滚动条ui为什么不生效呢
已经在main.js里面声明并导入了啊
"vxe-table": "^4.11.21" 这是版本信息
这是声明
import VxeUIAll from 'vxe-pc-ui'
import 'vxe-pc-ui/lib/style.css'
import VxeUITable from 'vxe-table'
import 'vxe-table/lib/style.css'
import { VxeUI } from 'vxe-table'
这是挂载
app.use(VxeUIAll).use(VxeUITable)

想知道为什么滚动条的ui不生效

Answer 1

"vxe-pc-ui": "4.4.7",
"vxe-table": "4.11.19"

import {
    VxeUI,
    VxeButton,
    VxeButtonGroup,
    VxeDrawer,
    VxeForm,
    VxeFormGroup,
    VxeFormItem,
    VxeIcon,
    VxeLoading,
    VxeModal,
    VxePager,
    VxePrint,
    VxeTooltip,
    VxeUpload,
} from 'vxe-pc-ui';

import {VxeTable, VxeColumn, VxeColgroup, VxeGrid, VxeToolbar} from 'vxe-table';

// 导入主题变量，也可以重写主题变量
import 'vxe-table/styles/cssvar.scss';
import 'vxe-pc-ui/styles/cssvar.scss';

// 导入默认的语言
import zhCN from 'vxe-pc-ui/lib/language/zh-CN';

VxeUI.setI18n('zh-CN', zhCN);
VxeUI.setLanguage('zh-CN');

// 可选组件
export function lazyVxeUI(app) {
    app.use(VxeButton);
    app.use(VxeButtonGroup);
    app.use(VxeDrawer);
    app.use(VxeForm);
    app.use(VxeFormGroup);
    app.use(VxeFormItem);
    app.use(VxeIcon);
    app.use(VxeLoading);
    app.use(VxeModal);
    app.use(VxePager);
    app.use(VxePrint);
    app.use(VxeTooltip);
    app.use(VxeUpload);
}

export function lazyVxeTable(app) {
    app.use(VxeTable);
    app.use(VxeColumn);
    app.use(VxeColgroup);
    app.use(VxeGrid);
    app.use(VxeToolbar);
}

main.js

import {lazyVxeUI, lazyVxeTable} from '~/plugins/vxe-table/index.ts';

app.use(lazyVxeUI);
app.use(lazyVxeTable);