jeecgboot / JeecgBoot

🔥「企业级低代码平台」前后端分离架构SpringBoot 2.x/3.x,SpringCloud,Ant Design&Vue3,Mybatis,Shiro,JWT。强大的代码生成器让前后端代码一键生成,无需写任何代码! 引领新的开发模式OnlineCoding->代码生成->手工MERGE,帮助Java项目解决70%重复工作,让开发更关注业务,既能快速提高效率,帮助公司节省成本,同时又不失灵活性。
http://www.jeecg.com
Apache License 2.0
40.19k stars 14.73k forks source link

JVxeTable列过长(出现横向滚动条)时无法拖拽排序 #6399

Closed RamboWu closed 5 months ago

RamboWu commented 6 months ago
版本号:

3.5.3

问题描述:

JVxeTable 中 加入了Dragsort属性后,如果 columns的宽度过长,出现横条滚动条的时候,将无法拖拽,只能进行点击拖拽

截图&代码:

90293ecaa677a34b50a91fc9f60706e 7c7632e16cc6b7a97a195806e1fbd75

友情提示(为了提高issue处理效率):

zhangdaiscott commented 5 months ago

zy

RamboWu commented 5 months ago

zy

??什么意思呀

liaozhiyang commented 5 months ago

确实有该问题,是因为columns中的dragSort和rowSelection默认是fixed:left导致。如果要解决该问题则fixed不可设置。

已修复,下一版本发布。 你本地可按如下文件进行修改

src/components/jeecg/JVxeTable/src/vxe.data.ts 文件:

image
  dragSortFixed: propTypes.oneOf(['left', 'none']).def('left'),
  rowSelectionFixed: propTypes.oneOf(['left', 'none']).def('left'),

src/components/jeecg/JVxeTable/src/hooks/useColumns.ts 文件中: image image

src/views/demo/jeecg/JVxeTableDemo/JVxeDemo3.vue 文件: image

1372037590 commented 2 months ago

你好,截图看不到,可以再发一下吗

RamboWu commented 2 months ago

确实有该问题,是因为columns中的dragSort和rowSelection默认是fixed:left导致。如果要解决该问题则fixed不可设置。

已修复,下一版本发布。 你本地可按如下文件进行修改

src/components/jeecg/JVxeTable/src/vxe.data.ts 文件: image

  dragSortFixed: propTypes.oneOf(['left', 'none']).def('left'),
  rowSelectionFixed: propTypes.oneOf(['left', 'none']).def('left'),

src/components/jeecg/JVxeTable/src/hooks/useColumns.ts 文件中: image image

src/views/demo/jeecg/JVxeTableDemo/JVxeDemo3.vue 文件: image

可以发一下你的图片嘛

RamboWu commented 2 months ago

@liaozhiyang 可以发一下你的图片么,看不到了。

RamboWu commented 2 months ago

@liaozhiyang 没事了,我在 项目中看到了代码

1372037590 commented 2 months ago

@RamboWu 请问源码在哪,只看到【issues/1162】JVxeTable列过长(出现横向滚动条)时无法拖拽排序 的处理,但加上去好像没有用

liaozhiyang commented 2 months ago

@1372037590 你可以看看这个例子。 image

1372037590 commented 2 months ago

@liaozhiyang 谢谢,可以了,看文档真不知道怎么配