vxe-table
vxe-table copied to clipboard
按需引入Table组件,样式有缺失,导致列宽无法拖动
可复现的链接:
https://codesandbox.io/s/vxe-table-3-x-vue-2-6-wen-ti-yan-shi-forked-vrhd6p?file=/src/views/Demo1.vue
问题描述与截图:
问题
通过按需引入Table组件,测试时发现无论怎么设置 columnConfig
属性,都无法拖动列宽。
最后对比分析官方示例,发现是 .vxe-resizable
这个class缺失了。查看源代码发现这个class是定义在 /lib/header/style
组件内的,
然而通过按需引入只会引入'/lib/table/style'。
临时解决
临时的解决方案是手动引入缺失的样式: import 'vxe-table/lib/header/style'
或者手动引入全部样式 import "vxe-table/lib/style.css"
期望的结果:
按需引入不会缺失样式
操作系统:
浏览器版本:
vue 版本:
2.6.11
vxe-table 版本:
3
同样的原因,按需引入会缺失 vxe-table/lib/icon/style
,导致表格的排序icon不可见。
vue3 暂时用这个解决: 临时的解决方案是手动引入缺失的样式: import 'vxe-table/lib/header/style' 或者手动引入全部样式 import "vxe-table/lib/style.css"