vxe-table icon indicating copy to clipboard operation
vxe-table copied to clipboard

按需引入Table组件,样式有缺失,导致列宽无法拖动

Open pjxxcc opened this issue 2 years ago • 2 comments

可复现的链接:

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

pjxxcc avatar Jun 22 '22 07:06 pjxxcc

同样的原因,按需引入会缺失 vxe-table/lib/icon/style,导致表格的排序icon不可见。

pjxxcc avatar Jun 22 '22 08:06 pjxxcc

vue3 暂时用这个解决: 临时的解决方案是手动引入缺失的样式: import 'vxe-table/lib/header/style' 或者手动引入全部样式 import "vxe-table/lib/style.css"

zphtown avatar Sep 01 '22 03:09 zphtown